/* * com.onelittledesigner.layouts_2_css */ .layouts-2-image, .layouts-2-button { margin: 16px 0; } .layouts-2-button a { padding: 12px 24px; text-decoration: none; display: inline-block; white-space: nowrap; } .layouts-2-image { width: 100%; display: block; box-sizing: border-box; } .layouts-2-image[data-no-image] { aspect-ratio: 1.7778; display: block; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0CAIAAABEtEjdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAHpJJREFUeNrs3e1xGlffwGFHk68aGsjgAhhUgBANaGjAoxRAcAFOVIAUFWBuCgijBhg3oJcCYCjAjBtg1MDzj3hu3Ynj+EXePZw9e10fPErGlpZl9eNw9uzyw8PDwwsAynJgFwCIOwDiDoC4AyDuAIg7gLgDIO4AiDsA4g6AuAOIOwDiDoC4AyDuAIg7AOIOIO4AiDsA4g6AuAMg7gDiDoC4AyDuAIg7AOIOgLgDiDsA4g6AuAMg7gCIO4C4AyDuAIg7AOIOgLgDIO4A4g6AuAMg7gCIOwDiDiDuAIg7AOIOgLgDIO4AiDuAuAMg7gCIOwDiDoC4A4g7AOIOQN5+bNWjXS6X2+329vY2vr65uYk/4z/jfzoOoDBHR0edTie+GA6H8efJyUn8Z/zP9uyBHx4eHgp+eJvNJiIe+V6tVruaA20Wre/3+1H5+KLb7Yp7wyweRc0j7o5m4JMi7pH40SNxz9p8Pt9l3VELfJNd4s/OzsQ9I8vlcjqdRtO3261jFHi2TqcTiZ9MJgXMzjc77hH0yLrJdKBaw+EwEt/o6Zqmxn0+n19cXJhSB+rT7XbPz88bOlfTvLjHaP3NmzeyDiRL/NXVVeNG8U2K+3K5/PXXX03CAOkNh8Pff/+9QXPxzYj7dru9uLiYTqeOMGCPJpPJ+fn57vIocf9ei8ViPB5bCQPkIMo+m83yn6XJ+t4yEfTI+qtXr5QdyKdLEaX8R5z5jtyXy2XsQSdOgTx1u93r6+tsZ+EzHblPp9PBYKDsQLYiUJGp+Xxu5P614v1OtvsL4CNnZ2ez2UzcP2e73Z6enroHL9AsR0dH7969y2oVTUbTMvEeR9mBJopwRb6ymknOZeS+2zVWxQDNFSP3GL9ncoo1i5G7sgMFyGpief9xV3ZA3yu352mZzWZzfHys7EBJOp3O/f39fj/Gb58j992FXsoOlDd+33vc9jlyHwwG1sYApTo6Orq7u2vdyH08His7ULBIXISuXXGfTqeuQQWKF6Hb173K9zAtE69mg8HAsw60xN3dXfrF76lH7rvzDJ5soD32cnI1ddx9/CnQNhG9SF/JcV8sFqbagRaK9EUAU/7EdHPu8a6k1+tZ1Q60U6fTWa/Xye4cmW7kfnFxoexAa0UAI4OljdytkAF4kXDlTKK4n56e3tzcZPX+aDgcxi7u9/vxdXyR1V32ge8ZIMdoMv5crVbxRZQnqzmDKM+7d+8Kiftischk+WNE/Ozs7OTkJNvPtAXqmDm4vb2dz+eZXBV/fX09Go1KiHuv19vv8scYlceunEwmmg4tr/x0Oo3h5n7H8t1ud71eNz7u8Wq5x7srRNZfv34dWTfrAuxE2SPxb9++3WPiZ7PZ2dlZs+O+x2F7jNavrq72e0tlIE+7C4sSrz1POXivdylk7Li9lH33SYbX19fKDvxbXiMREYq9vK2PMNb9ulJv3PdyO7QYsMdL4nA4dPgCnxehiFwkOL2ZPo81xn23CCnx/ppMJvFqbIYd+Po3+hGNSEfinxt5rHX1To1xTz9sn81mV1dXDlbgW0U6IiAlDd5rPKH6008/pTwZneDsM1C2xKv74k3Dhw8fGjZyj32k7ECzREZSjt8jkvXdKLeuuKdcYHR+fq7sQFV9Tzn/Xl8q65qWOTw8TLNrRqPR9fW1IxKo0KtXr5KNUGuKcC0j92Q7pdPppD8HAhQvwpJs0V1NwWx23K16BGoaOCabEmhS3NMsbx+NRq5UAmoSeUlzcVNNwax+zn2z2fR6vQSvq/f39+4uANQnanZ8fJxg4d96va68ZtWP3NMM21+/fq3sQK0iMpGahg7eq497gtvhx7A9/bXCQAuluWF4HdmsPu6r1aruHTEajZxHBRLYfdRP3T+ljmxWP+eeYIV7sk+YBYhh9WAwqPunVJ7ig8r3Qt274OiRAw5II01zKo9nxXFPcFrZnQaAxBJkp/J4Vhz329vbunfBycmJQw1IKUF2Ko/nQbN2cafTMScDJBbZadwijorjXvcid5ekAntRd3wqj2fDRu6G7YD47CHudZ9Q7ff7DjIgvbrjk/sJ1bqXQrp2CdiLuuOT+1JI74yAIrV9WqbpL54AZcTnwHMGUJ4f7QJoru12u1wuV6vV+/fvdzefii82m81Hf63b7b58+fLF41nB+CL+bOLCbb5JxTcOq/uuYTV9kiw0SLT75r/+2fGvF8Uf/pdPRyivb+IOjWn6YrGYz+d1rEmLgfzZ2dloNFJ5cRd3SGT+KM1nnMUo/uyR3S7u4g612G630+n0jz/++J65l+eJ8fvPP/+c5kOIxF3cxZ0Wuby8fPv2bYJ7aH9GlP3169e//fabp6OJfbMUEvKyWCx6vd7FxcV+y7576xCbERsTm+R5aRxxh1xsNpvT09NXr16ln4f5/FbFJsWGZbVViDs0w3Q6PT4+TnPW9Bliw2LzYiM9U01hzh32bLvdjsfjpkx9jEaj2WzWzhOt5tyBr7VcLmNE3KBJ7djU2OC67/+KuEODRSibOJe9OzfgLKu4A58wn89fvXq19yUxzxObHRsfD8HzKO7A38o+Ho+b/ijiIei7uANFlV3fxR0os+z6Lu7AnxaLRWFlf+q786viDi21XC6LLPtT362PFHdond3ykoaujfEAxR3414Ft8fdmiQdY8FsTcQc+Np1OWzIlHQ/T/Wcy4d4yUPt49vj4uD3zFZ1O5/7+vsiP63NvGeB/xuNxq2aid/dB87zvnbhDjRaLRbZ38a1PPGQrI/fOtAzUqNfrtfMzLrrd7nq9LuxBmZYB/nR5ednaTy+KBx4P3zFg5G7kTmm2220M29u87rvT6cTgvaSP9TByB/5c/tjyK3ri4VsWuUfiDrX4448/7AQ7QdyhKPP5vLWz7X8VO8ENI8Udioq7nWBXiDuUNlxt4dr2fxO7wpuYvfjRLoBq7fH6ndFoNBwO+/3+0dHRbpnKdrtdLper1WqPFxbFz51MJg6MxCyFhIoNBoPEdzbvdrvn5+dR9s+vO4zQR2cvLi4SD6Xjlebu7q6AZ7ZZfRN3qFJ0s9frpfyJkfUYF3/9cvLdCsVIfMqNXK/XBdxKzDp3aK+Us+0R9BgR//bbb990oVD85fgn8Q9TXl7kJER64g6NrNjR0VEMh+PPvfxzcRd3EPdaxuzv3r37zqF3Jd9E3MUdyrfdbtOcq6wqyru+J9jg2C0+XlXcoanSLJI5Pz+vcDolvlV8w2J2DuIO1VutVnX/iG63W/ma8fiGCZayJNg5iDvU4v379wmG7ZXPksc3TDB4T7BzEHdo6uB0NBo16NsauYs78FUJrmlxS3zbBH1H3KGR6p55GA6HDf3mL0zLiDs0V93rIPv9fkO/eYKdg7hDU9V6QWmyq1URd+Bvar2atKRPskbcAcQd2Ktar+B3ewBxB/aj1iv43R5A3IFPq/si/lqvA6r7IqMCPqxD3KGlXr58Wev3r/XGuXXflbfunYO4Q1MtFouaZsZ3H69qD4s78Al1Xwe063sd33Y+nxewcxB3qEWCmYeLi4vKB+/xDd++fVvAzkHcoamD081mM51Oq/2e8Q0T3BvAyD2xHx4eHir8doeHh7VubrVbC5UPgX/66acEP+ju7q6quwUsl8vBYJBgmz98+ND0i2Cb1Tcjd6hMxCvNgr/T09NKJmfim8S3SrDBsVvc3iAxcYcq1X3j3L9G+Tv7Xsk3yWq3IO7Q+Iotl8ter/fsy0q/85+Lu7iDuNc4fh8MBpeXl980+o6/HP8k/mHKm8mIu7hDs3W73cQ3Rr+4uDg+Pp7P51+MdfyF+Gvxl+OfpNzC2CHuPZDej3YBVOvs7CzxTbg2m814PH7x+CGrMUbu9/vR090JzAh6bMxqtbq5udnXNaixQxwV6VkKCdWnttfr2Q9P1ut1GSN3SyGh1SJkppifxK4wJ7MX4g7VMxFhV+ydaRmoRa/XS3BNf/5vYtbrdTEPx7QM8OLnn3+2E+wEI3cjd0qz3W5j8N7mDybtdDoxbC/prgNG7sCfaXv9+nWb90A8fPeTMXI3cqdMrZ15L2y23cgd+JurqysPnL0Qd6jR7pLRtj3qeMjxwD374g4lm81mrZp6jgcbD9nzLu5QuG63e35+3p7HGw/WJaniDq0wmUxaMk0RDzMerGdc3KEtZrNZ8ePZeIAmZMQd2qXT6VxfXxc8+V78AxR34NOOjo4KHtjGQ0v8KSWIO+RiNBoV2fd4UNY+iju02tnZWWF9j4fjvr7iDhTVd2UXd6C0viu7uAOf6Htzl5fs1sYou7gDnzAajd69e9e49e+xwbHZzqCKO/Cvjo6O7u/vGxTK2NTYYKsexR34gt0Ux9XVVeZTNLF5sZGuVBJ34BtMJpMYEWd7f+DYsNg8940Rd+Cb7eayY2ic1Sx8bExsUhPPDYg7kJHRaLRer8/Pz/c++xEbEJsRG+PcaRP5DFXI1Ha7nU6nf/zxR/pPYY1B+s8//zyZTEyvN7dv4s7/3NzcbB7FF/Gfy+Uy+vLJv3l0dBS/9pGAly9fnpyc7P7TDqzJ/NHuSanbcDg8e2S3i7u4Nz7ot7e3N4++c6w3fBRv4YW+DvGiu1gsovLxolv5N4+X5wh6PHcm1sVd3Jtt8V//NjZXipwrf/Nf3zNj8/R6HDxT4i7uje9CDP2STeNG33eVt+drEq/NMZBfrVbv37+PP+P/xBf/fHJ3E2jxRb/fjy/iTzNp4i7u5WT94uIiyp7+R+8+Ido0LuKesm+WQrYi6+PxuNfr7aXsOWwAtJC4F/6e/c2bN5lUdZf4wWCQZtUHiDtlWiwWkfXpdJrVVi2Xy9PT06h8HSdyAXEvfMD+6lG2AY13EvHCYwgP4s43DI2jmzFsz/8VKIbwb9688ZSBuPMF0+l0MBg0aMajcRsM4k5q4/G4iQPheKtxfHxcx1WXIO40226SvbkLDTebzenpqb6DuPO3skcZ859k/5pHoe8g7vxpt7KwjCbqO4g7pZVd30Hc+dNisYgOlrfORN9B3NtrPp/nfI2SvoO4880uLy/H43HZj1HfQdzbJbJ+cXHRhkcafR8MBm4kCeJefuwavZj92S9m+g7P8KNd0JSyt3aaYjcH5bM+wMi9NOUteTR+ByN3ZV8WueTR+B2M3Nur1MXsxu8g7u1V9mJ2fQdxb6M2LGbXd6iPOXf9auT+eWH+HYzcG6Sdi9m9/oGRe+Fld8298TsYuRfFYnbjdzByL7PsFsYYv4O4l2OxWEShcit7t9sdPTo6Oup0Ok///+bmZrVaxZ/5fLCfvsM//fDw8FDhtzs8PKx1c6vd2hzM5/PcljxG0CeTyXA4/Pxfi1ej6XT69u3bTF6WZrOZvlOrZvVN3Pfp8vIyq/v3xmg9EvnFrH+U+HgIUXl9R9yz6psTqvucTMiq7DFgv7+//6ayh06nc3V1FVX969TNHnep86sg7nuT4WL2GPBeX18/O9Dxz9+9e6fvIO6tLvvp6Wk+ZyNfPM5mhO/8JkdHR/oO4t5SGS5mr3CeWt9B3JV9/6LCd3d31Z6B1HcQ93bJ7c7s0d+ocLS48u+s7yDubZHbndmjv+v1uo6y6zuIe1vkdmf2NOXVdxD3kuW2mP3s7Ozu7i5Nc/UdxL1AeS5m//4lj/oO4t7qshe5mF3fQdzbq+zF7PoO4q7s+1fHYnZ9B3Fvl/YsZtd3EPe2aNtidn0HcS9fOxez6zuIe8navJhd30HcC2Qxu76DuBdYdovZ9R3EvSgWs+s7iLuy1yuTxez6DuLeYBaz6zuIe2ksZtd3EPfSWMyu7yDupbGYXd9B3ItiMbu+g7gXWHaL2fUdxL0oFrPru77TUD88PDxU+O0ODw9r3dxqt/Zrym7J435fWXPY/214Qf3KZySejtvb2/j6/fv3m83mo7/Q7XZfvnwZX5ycnMThWt6x2qy+ifunLRaLGLUpu763ue+R75tHq9Xqee9f44jt9/vDR5F+cRf3Pcc93olb8qjvre177PP4FYgRerUTknEYx4g+9mFzxyji3uy4X15eZrXksc1l1/fE4/R4w/r27dt/zrdUK4bwr1+/jj3ZuKNa3Bsc99xOoJW65FHfc9u90+k0/ZEfe3IymTRoIC/ujYx7hCPKntWSR2XX97rd3NzEW9X4c4/bMBwOf//990YkXtybF/fdYnZLHvW9Pc/OZrO5uLjI531q7M/z8/PMT7o2q2/WuVvM3hjWv1clRuvHx8dZPYTYmNik2DDHuZF7aYPBnXYueTR+T7n3fvnll6yGMv98Cf/Pf/6T56+AkXtjuDO78Xurxu/T6XQwGORc9qcX79hUh7q4P/9tYG53Zr+/v1d2fa/D7uZ3b968acTzG1sbm5rVVYTi3hh53pm9gEv49D1Dm80mt5vffeXwKza77kX34l6UDO/M3vLLlPS9Psvl8vj4OPOpmCI3Xtz38OY0w8uUlF3fa4pjVmeVnvc7OxgM3JtT3L9wlOT25vTq6splSvqu7F+zb5tywkDc93Og57aYfTKZOAT1Xdm/xnQ6zWoFhLgr+yfsljy6TEnflf2b7NYuO8Uq7v/v5uYmw8Xsw+HQwafvyv6MR+cUq7j/abeaymJ2fW9J38su+87u5JlTrK2O+3Q6tZhd39vT9zaU/anvsXvdiKalcc/t9LrF7Pqu7NW6uLhwFWu74r57VbeYXd/b0/cWln0nt3lXca+37LnNx1nMru+1HpCtLfvTw+/1ek6xFh733T00LGanPX1vedmzHdKJe8VHeVZrpCxm1/e6+67sf+27U6xlxt1idtrWd2X/J6dYS4u7xey0re/K3pQaiPvzWcxO2/qu7F/cP06xNj7uFrPTtr4r+9dwirXBcbeYnRb2Xdm/NRFtPsV60NCnzWJ22tZ3ZX+GNp9ibV7cLWanhX1X9mdr7SnWHx4eHir8doeHh7Vu7t3dXW5LHq+vry15bKJ8chmDg89fD5Fb2eOwj2M+XiP7/f7uNTK2bbVaxXbe3NzkmdHd6uTvXMNWd9+qrXHD4h7PUG6L2S151Pda+55V2WMjR48+83cWi0UMlrP6PMunX9irq6vvua5Q3Nvy1j7G7JY86nutfc9n82KoHlv49Qd8bPmvv/4aA/ncnvHz8/PffvutDXE/8Ov9vLJbzF7SU5nn/Hs+ZY8B77ce8LsdG/8wt2e8PadYjdyf8840DllLHo3fax2/Z7JJ339WKQbvGX6w9fNe1E3LFF52Sx71ve6+9/v9TMpeyVml2Le//PJLbpeMPuPRiXuxYsBuyaO+p+lOMWXfiYcT4/fcpuC/9RSrOfcyWcxevHzm3wsr+4tc74Bd9lWs4t7U45Ky+15S2f86QspwVrPUU6ymZfZ2oJOtNl8OmuCAb+4pVtMyRY3j3Jnd+F3ZqzUcDjMcMJV3o2Bx/8JvuMXs+q7sNe3e3O7bUdiNgsX909yZnVb1Pf30o1Os4r6fsrszO+3p+x5PLDnFWh8nVD9mMTsfKfv8ag5LBppyitUJ1QazmJ1Wjd8zWQy2O8Wa2/mtpp9iFfe/HeUWs9Oevme1zDfPlWmNPsUq7v87yn3mBu3pe4YXcMQm3d3dOcUq7oUPGdD3VpX9yWw2y/ZGwc16ltt+QtXl5nyrpp9fbcRF14vFooUfbO2EamUsZqdtA4Km3E5jNBq5hFDcn192i9lpVd+bdaMk86Xi/hxXV1c+c4NW9b2Jt8DL8xSruOfLYnba1vdG39w0z1Os4p7jIW4gQKv6XsBtq2M0dn19bRJV3D93iFvMTqv6XswHEjjFKu7/+hvo5Axt63thHzXjt1jcP/275zWfVnWnyA8Rc4pV3P/HYnbSiNFDPjEt++MhnWIVd4vZSer9I2VPwCnWVsfdYnZSyuS2BO35SHenWFsad4vZUfbiOcXarrhbzI6yt4dTrG2Ju8XsKHsLOcVaeNy9R0PZW8sp1mLjbjE7yt5yTrEWGHeL2VF2vH0vLe4Ws6Ps/HW3OMVaQtwtZkfZ+SenWA+a/vxZzI6y80ktP8Xa1LhbzI6ye0a+qM2nWBsZd4vZUXbPyFdq7SnWA08VKHvZ2nmKtWFxt5gdZfeMPE/bTrH+8PDwUOG3Ozw8rHVzP3z4YMkjys6zLRaL8Xi89yf0k6qtccNG7sqOsvM92nOK9cCTDcreKi05byfuoOyt04ZTrOIOyt5SZZ9iFXdQ9vYq+CpWcQdlb7VST7GKOyh72xV5ilXcQdkp8BSruIOy8/9KOsUq7ii7svM/xZxiFXeUXdn5mzJOsYo7yq7sfKyAU6zijrIrO59+ahp9ilXcUXZl51819xSruKPsys7nNPQUq7ij7MrOF+xOsYo7KLuyl6Zxz5e4o+zKToHEHWVXdsQdlF3ZEXdQdmVH3EHZQdxB2UHcUXZlR9xB2ZUdcQdlV3bE/dn2/huLsit7OzUuPgeN+9V1kKHsiE/quNd9QBu5o+wUOXKv/Jg5qPzIrvXxr1YrBxnKTnp1x6fyeJqWQdmVnQLjU3Hch8NhrZt7c3PjIEPZSa/u+FQez+atljF4R9lJf6S1fbXMyclJ3Vt8e3vrUEPZSSlBdiqPZ8NOqIb5fO5QQ9lJKUF2Ko/nDw8PD9V+x8PDw7r3wt3dnV8nZVd2kh1vg8Gg7p9SeYqrn3Ov+5xqmE6nDjhlV3bSSBCcOrJZfdz7/X7dO2KxWLiaSdmVnQTiYIvg1P1T6shm9XFPcMTH7jZ4V3ZlJ82wPcEhV8fhVP2c+2az6fV6CX7B7u/vu92ug0/ZlZ2aRM2Oj48THHXr9brymlU/cu8+SjB4f/PmjYNP2ZWd+kRkEhx1NTWzlouYEpxTffE48+6CVWVXdmoSeUkw215fMGuJ+2g0SrP3X7165cyqsis7dcwNRF7S/Kyagln9nPtOgtXuT/vl+vrasajsyk61A8c0w/YXNaxwr3HknnLwHk+AyXdlV3YqFElJVvb6Utn4uL94XKvkngTKruxUImKScqV1famsa1om/PTTTyl/OWez2dnZmUNT2ZWd7yn7eDxOeYx9+PChYSP3xIP3EE+J8buyKztNKXvdkawx7pPJJPFzE0+M+XdlV3aeIdKRuOx1R7LGuMfvRpoF7381nU6tj1R2Zefr7VY9pr+jSeSx1sOs3k9iSj94f/G4fqbX67m+SdmVnS+KUEQukq2NSZnHGk+o7sSO22w2e3naRqPR1dWV+88ou7LzT9GllEsePxJdWq/Xtf6I2j9D9fz8fF9PXjxtx8fHl5eXZmmUXdl5EgdbZCHisK+ypwlj7SP3/Q7en35vYxQfb4L86iq7srf8eJtOp3v/QIgEw/ZEcY9dmewuDZ8Xv71nZ2cnJyd+jZVd2Vt1pN3e3s7n8/gih+25vr5OsFI8RdxD/A5ndYYzfp93p6r7/X58HV8k+GhvlJ0E4qCKoyv+XK1W8UWUJ6uJ2ShPHHIJflCiuKf5hFmAzN3d3aUZTBykeTzxYPayLBIgHynP/CUaue/eK/V6PQtXgHbqdDrr9TrZDPBBygc2m808wUA7RQBTnts7SPnYRqORGzcCLRTpS3wvxXTTMjvb7fb4+Hi/y94BUup2u/f394mX5B0kfpDx8HwqHtAqEb30i60P0j/Oo6Ojq6srzzfQBrPZbC8XUhzs5dFOJhOT70Dxzh7t5UennnP/q8FgkMnVwACViwH73d3dvn76wR4fucu+gYLLnuY2AzmO3F883lL5+PjYlU1ASTqdzv39/X4/TOJgv7sgHny8uLlpF1BS2SNre/+YoIO974jdmxd9B4opew4Tzgc57A59B5S9wLjv+n5/f+/8KtBQuUVszydUP7Ldbk9PT62PBBpX9tymHw6y2kGxa+7u7lzfBDRIJCvCldvEcl4j9yfz+Xw8HjtogMzNZrM8x6OZxv3F4yfzvXr1yv0jgTx1u93r6+tszxQeZLvjdmcnTNEAGYo0Zb4GJN+R+5PFYjEej13FCuRg96FyiT95o6iR+5PYiev12udrA3sXIYoc5V/2ZozcnyyXy19//fXm5sYRBiQ2HA5///33Bl2L06S47ywWizdv3jjRCqTR7Xavrq4aMVpvdtx35vP5xcWFxAO1Zv38/LyhyzqaGvenUfx0OjVRA1RrOBxOJpPGjdbLifvOcrmMxEforagBvken04mgR9YLuM9VCXF/Mp/PF48co8A3GT0q6cKaouL+ZJf4m5sbk/LAv+l2u8PhcJf18h5dmXF/EnGPxC+Xy9VqZWoeiJr3+/2jo6P4Yu8fliTulYnKb7fb29vb+HrX+vhPdxiGIiP+1y9OTk46nU6rPjGiXXEHaIkDuwBA3AEQdwDEHQBxB0DcAcQdAHEHQNwBEHcAxB1A3AEQdwDEHQBxB0DcARB3AHEHQNwBEHcAxB0AcQcQdwDEHQBxB0DcARB3AMQdQNwBEHcAxB0AcQdA3AHEHQBxB0DcARB3AMQdAHEHEHcAxB0AcQdA3AEQdwBxB0DcARB3AMQdAHEHQNwBxB0AcQdA3AEQdwDEHUDcARB3APL2fwIMAPYsllM0KtRTAAAAAElFTkSuQmCC); background-size: contain; background-position: center; background-repeat: no-repeat; background-color: #f3f3f3; } .mez.selected:has(>.com_onelittledesigner_stacks_Layouts_2_Content_stack>.layouts-2-image):after { content: ""; position: absolute; inset: 0; background-color: rgba(38, 128, 252, 0.1); } .layouts-2-row > div { flex: 1; align-items: stretch; } /* Layouts 2 */ div[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) { margin: 12px 0; } div.out[tag="slice"] .com_onelittledesigner_stacks_Layouts_2_stack, .mez:has(>.com_onelittledesigner_stacks_Layouts_2_stack>.layouts-auto-hide) { overflow: visible; } .mez:has(>.com_onelittledesigner_stacks_Layouts_2_stack>.layouts-auto-hide) { background-color: transparent; border: 2px solid rgba(0,0,0,0.0); padding-left: 0; padding-right: 0; } div.mez.bare.selected:has(>.com_onelittledesigner_stacks_Layouts_2_stack>.layouts-auto-hide) { background-color: rgba(38, 128, 252, 0.1); border: 2px solid rgba(0,0,0,0.0); } div.out[tag="slice"] .layouts-auto-hide > .layouts-2-section > div, div.out[tag="slice"] .layouts-auto-hide > .layouts-2-section > div > div { box-sizing: border-box; width: 100%; overflow: visible; } .layouts-2-section > div > div > .mez { margin: 7px auto 3px auto; } .layouts-auto-hide > .layouts-2-section > div > div > .mez { background-color: transparent; border: 2px solid rgba(0,0,0,0.15); } .dark .layouts-auto-hide > .layouts-2-section > div > div > .mez { border: 2px solid rgba(255,255,255,0.15) !important; } .layouts-auto-hide > .layouts-2-section > div > div > .mez.selected { background-color: rgba(38, 128, 252, 0.1) !important; } /* Layouts Row */ .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Row_stack) { background-color: transparent; border: 2px solid rgba(0,0,0,0.15) !important; } .dark .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Row_stack) { border: 2px solid rgba(255,255,255,0.15) !important; } .layouts-2-row > div > div[tag="node"], .layouts-2-row > div > div[tag="node"] > div { flex: 1; align-items: stretch; background: transparent; } .layouts-2-row > div > div[tag="node"] > div { display: flex; flex-direction: column; padding: 1px 0; } .layouts-2-row > div > div[tag="node"] > div > .mez { height: calc(100% - 10px); } /* Layouts Column */ .layouts-2-el > [tag="node"] { min-height: 0; padding: 0; } .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack) { background-color: transparent; border: 2px dotted rgba(0,0,0,0.15); box-sizing: border-box; } .dark .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack) { border: 2px dotted rgba(255,255,255,0.15); } div.mez.selected:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack) { border: 2px dotted rgba(0,0,0,0.15); } .dark div.mez.selected:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack) { border: 2px dotted rgba(255,255,255,0.15); } .layouts-2-column > div > .mez.empty:first-child { background-color: transparent; border: 0px solid transparent; padding: 0; margin: 0; } div.out[tag="slice"] .layouts-2-column { display: flex; flex-direction: column; } div.out[tag="slice"] .layouts-2-column > div:nth-child(1) { order: 2; width: 100%; box-sizing: border-box; } div.out[tag="slice"] .layouts-2-column > div:nth-child(2) { order: 1; width: 100%; box-sizing: border-box; } div.out[tag="slice"] .layouts-2-column > div:has(.out) + div:has(.empty) { display: none; } /* Layouts Content */ .layouts-2-el .com_onelittledesigner_stacks_Layouts_2_Content_stack .out .mez, .layouts-2-el .mez:has(>div>*.layouts-2-content) { background-color: transparent; border: 0px solid transparent; padding: 0; margin: 0; } .layouts-2-el .mez:has(>div>*.layouts-2-content) > *:not(.in) { visibility: hidden; } .com_onelittledesigner_stacks_Layouts_2_Content_stack .out div[tag="node"] { min-width: 5px !important; min-height: 5px !important; color: inherit; } div.mez.bare.selected:has(>.com_onelittledesigner_stacks_Layouts_2_Content_stack) { background-color: rgba(38, 128, 252, 0.1); } .layouts-2-svg-icon { font-size: 0 !important; line-height: 1 !important; } svg.layouts-2-svg-icon { height: 32px; width: 32px; display: inline-block; } .layouts-2-svg-icon > svg { height: 32px; width: 32px; display: inline-block; font-size: 0; line-height: 1; } .layouts-2-text.material-icons { font-size: 32px; } .ionicons-svg-outline { fill: none !important; stroke-width: 32px; } .layouts-2-button { line-height: 1.1; } .layouts-2-button > a { display: inline-flex; align-items: center; } .layouts-2-button > a > svg, .layouts-2-button > a > i { margin-right: 0.5em; } @supports (rotate:180deg) { .layouts-2-button > a { gap: .5em; } .layouts-2-button > a > svg, .layouts-2-button > a > i { margin-right: 0; } } .layouts-2-button a > i { font-size: 22px; } .layouts-2-button a > svg { height: 22px; width: 22px; } div.out[tag="slice"] .layouts-2-button > a > div { min-height: 0; } div.out[tag="slice"] .layouts-2-button a > svg + div.out { display: inline-block; } div.out[tag="slice"] .layouts-2-section > div > div .out:has(.layouts-2-edge-left), div.out[tag="slice"] .layouts-2-section > div > div .out:has(.layouts-2-edge-right), div.out[tag="slice"] .layouts-2-section > div > div .in:has(.layouts-2-edge-left), div.out[tag="slice"] .layouts-2-section > div > div .in:has(.layouts-2-edge-right), div.out[tag="slice"] .layouts-2-row .out:has(.layouts-2-edge-left), div.out[tag="slice"] .layouts-2-row .out:has(.layouts-2-edge-right), div.out[tag="slice"] .layouts-2-row .in:has(.layouts-2-edge-left), div.out[tag="slice"] .layouts-2-row .in:has(.layouts-2-edge-right) { overflow: visible; } .layouts-2-edge-left { z-index: -1; } /* Add Buttons */ .layouts-2-el > div[tag="node"] > div.add { width: 64px !important; height: 24px !important; margin: 4px auto 4px auto !important; border-radius: 99px !important; padding: 0 !important; border: 1px solid #fff !important; color: transparent !important; font-size: 11px !important; z-index: 9999; min-height: 0px; text-align: center; background-color: #2680fc !important; } .layouts-2-el > div[tag="node"] > div.add.down { opacity: .7 !important; } .layouts-2-el > div[tag="node"] > div.add:after { content: "+ Content" !important; font-size: 11px; line-height: 24px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; display: inline-block !important; border-radius: 3px; color: #fff; } .layouts-2-row > div > div[tag="node"] > div.add { position: absolute !important; right: 6px; top: 0; margin: 0 !important; } .layouts-2-column:has(>.out:last-child > .out) > div[tag="node"] > div.add { display: none !important; } .layouts-2-column:has(>.out:last-child > .out) > div[tag="node"] { min-height: 0px; } .layouts-2-row > div > div[tag="node"] { padding-top: 28px; } .layouts-2-section > div[tag="node"] > div.add:after { content: "+ Row" !important; } .layouts-2-row > div > div[tag="node"] > div.add:after { content: "+ Column" !important; } .layouts-2-row .layouts-2-row > div > div[tag="node"] { padding-top: 0px; } .layouts-2-row .layouts-2-row .layouts-2-el > div[tag="node"] { min-height: 0; } .mez>.com_onelittledesigner_stacks_Layouts_2_Content_stack { min-height: 0; } /* Edit Mode */ div:has(>.mez>.com_onelittledesigner_stacks_Layouts_2_Row_stack) { z-index: 0; position: relative; } .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack>.hide-mobile):before , .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack>.hide-tablet):before , .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack>.hide-desktop):before { content: "Column hidden on desktop"; display: none; height: 18px; background-position: center 8px; background-size: 18px 18px; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' style='fill:%23999;' viewBox='0 0 512 512'%3E%3Cpath d='M432 448a15.92 15.92 0 01-11.31-4.69l-352-352a16 16 0 0122.62-22.62l352 352A16 16 0 01432 448zM255.66 384c-41.49 0-81.5-12.28-118.92-36.5-34.07-22-64.74-53.51-88.7-91v-.08c19.94-28.57 41.78-52.73 65.24-72.21a2 2 0 00.14-2.94L93.5 161.38a2 2 0 00-2.71-.12c-24.92 21-48.05 46.76-69.08 76.92a31.92 31.92 0 00-.64 35.54c26.41 41.33 60.4 76.14 98.28 100.65C162 402 207.9 416 255.66 416a239.13 239.13 0 0075.8-12.58 2 2 0 00.77-3.31l-21.58-21.58a4 4 0 00-3.83-1 204.8 204.8 0 01-51.16 6.47zM490.84 238.6c-26.46-40.92-60.79-75.68-99.27-100.53C349 110.55 302 96 255.66 96a227.34 227.34 0 00-74.89 12.83 2 2 0 00-.75 3.31l21.55 21.55a4 4 0 003.88 1 192.82 192.82 0 0150.21-6.69c40.69 0 80.58 12.43 118.55 37 34.71 22.4 65.74 53.88 89.76 91a.13.13 0 010 .16 310.72 310.72 0 01-64.12 72.73 2 2 0 00-.15 2.95l19.9 19.89a2 2 0 002.7.13 343.49 343.49 0 0068.64-78.48 32.2 32.2 0 00-.1-34.78z'/%3E%3Cpath d='M256 160a95.88 95.88 0 00-21.37 2.4 2 2 0 00-1 3.38l112.59 112.56a2 2 0 003.38-1A96 96 0 00256 160zM165.78 233.66a2 2 0 00-3.38 1 96 96 0 00115 115 2 2 0 001-3.38z'/%3E%3C/svg%3E"); background-color: #d9e3fD; padding: 26px 16px 8px 16px; border: 1px solid #b9c3dD; border-radius: 3px; color: rgba(0,0,0,0.45); text-align: center; z-index: -1; position: relative; } .dark .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack>.hide-mobile):before , .dark .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack>.hide-tablet):before , .dark .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack>.hide-desktop):before { color: #555; background-color: #111; border-color: #333; } .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Row_stack), .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack) { transition: none !important; } .mez:has(>.com_onelittledesigner_stacks_Layouts_2_stack>.layouts-auto-hide):not(.selected):not(:has(.selected)) .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Row_stack) { border-width: 0 !important; padding: 0 !important; margin: 0 auto !important; } .mez:has(>.com_onelittledesigner_stacks_Layouts_2_stack>.layouts-auto-hide):not(.selected):not(:has(.selected)) .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack>.layouts-2-column:not(.layouts-2-styled)) { border-width: 0 !important; padding: 0 !important; margin: 0 !important; } .mez:has(>.com_onelittledesigner_stacks_Layouts_2_stack>.layouts-auto-hide):not(.selected):not(:has(.selected)) .layouts-2-content-width > div { padding-top: 0px; } .mez:has(>.com_onelittledesigner_stacks_Layouts_2_stack>.layouts-auto-hide):not(.selected):not(:has(.selected)) .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Row_stack) > div:not(.com_onelittledesigner_stacks_Layouts_2_Row_stack), .mez:has(>.com_onelittledesigner_stacks_Layouts_2_stack>.layouts-auto-hide):not(.selected):not(:has(.selected)) .mez:has(>.com_onelittledesigner_stacks_Layouts_2_Column_stack) > div:not(.com_onelittledesigner_stacks_Layouts_2_Column_stack), .mez:has(>.com_onelittledesigner_stacks_Layouts_2_stack>.layouts-auto-hide):not(.selected):not(:has(.selected)) .layouts-2-el > div > .add { display: none !important; } .layouts-2-row .layouts-2-row > div > div[tag="node"] > div.add, .layouts-2-row .layouts-2-row .layouts-2-column > div[tag="node"] > div.add { display: none !important; } /* -- Start Swell Page css Template -- */ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } @-webkit-keyframes swellswing { 15% { -webkit-transform: translateX(5px); transform: translateX(5px); } 30% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 50% { -webkit-transform: translateX(3px); transform: translateX(3px); } 65% { -webkit-transform: translateX(-3px); transform: translateX(-3px); } 80% { -webkit-transform: translateX(2px); transform: translateX(2px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes swellswing { 15% { -webkit-transform: translateX(5px); transform: translateX(5px); } 30% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 50% { -webkit-transform: translateX(3px); transform: translateX(3px); } 65% { -webkit-transform: translateX(-3px); transform: translateX(-3px); } 80% { -webkit-transform: translateX(2px); transform: translateX(2px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } /* -- End Swell Page css Template -- */@charset "UTF-8"; /*! Animate.css - http://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; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-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 elxr_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 elxr_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); } } .elxr_bounce { -webkit-animation-name: elxr_bounce; animation-name: elxr_bounce; } @-webkit-keyframes elxr_flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes elxr_flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .elxr_flash { -webkit-animation-name: elxr_flash; animation-name: elxr_flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes elxr_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 elxr_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); } } .elxr_pulse { -webkit-animation-name: elxr_pulse; animation-name: elxr_pulse; } @-webkit-keyframes elxr_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 elxr_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); } } .elxr_rubberBand { -webkit-animation-name: elxr_rubberBand; animation-name: elxr_rubberBand; } @-webkit-keyframes elxr_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 elxr_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); } } .elxr_shake { -webkit-animation-name: elxr_shake; animation-name: elxr_shake; } @-webkit-keyframes elxr_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 elxr_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); } } .elxr_swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: elxr_swing; animation-name: elxr_swing; } @-webkit-keyframes elxr_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 elxr_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); } } .elxr_tada { -webkit-animation-name: elxr_tada; animation-name: elxr_tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes elxr_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 elxr_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%); } } .elxr_wobble { -webkit-animation-name: elxr_wobble; animation-name: elxr_wobble; } @-webkit-keyframes elxr_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 elxr_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); } } .elxr_bounceIn { -webkit-animation-name: elxr_bounceIn; animation-name: elxr_bounceIn; } @-webkit-keyframes elxr_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 elxr_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); } } .elxr_bounceInDown { -webkit-animation-name: elxr_bounceInDown; animation-name: elxr_bounceInDown; } @-webkit-keyframes elxr_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 elxr_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); } } .elxr_bounceInLeft { -webkit-animation-name: elxr_bounceInLeft; animation-name: elxr_bounceInLeft; } @-webkit-keyframes elxr_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 elxr_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); } } .elxr_bounceInRight { -webkit-animation-name: elxr_bounceInRight; animation-name: elxr_bounceInRight; } @-webkit-keyframes elxr_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 elxr_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); } } .elxr_bounceInUp { -webkit-animation-name: elxr_bounceInUp; animation-name: elxr_bounceInUp; } @-webkit-keyframes elxr_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 elxr_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); } } .elxr_bounceOut { -webkit-animation-name: elxr_bounceOut; animation-name: elxr_bounceOut; } @-webkit-keyframes elxr_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 elxr_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); } } .elxr_bounceOutDown { -webkit-animation-name: elxr_bounceOutDown; animation-name: elxr_bounceOutDown; } @-webkit-keyframes elxr_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 elxr_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); } } .elxr_bounceOutLeft { -webkit-animation-name: elxr_bounceOutLeft; animation-name: elxr_bounceOutLeft; } @-webkit-keyframes elxr_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 elxr_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); } } .elxr_bounceOutRight { -webkit-animation-name: elxr_bounceOutRight; animation-name: elxr_bounceOutRight; } @-webkit-keyframes elxr_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 elxr_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); } } .elxr_bounceOutUp { -webkit-animation-name: elxr_bounceOutUp; animation-name: elxr_bounceOutUp; } @-webkit-keyframes elxr_fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes elxr_fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .elxr_fadeIn { -webkit-animation-name: elxr_fadeIn; animation-name: elxr_fadeIn; } @-webkit-keyframes elxr_fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes elxr_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); } } .elxr_fadeInDown { -webkit-animation-name: elxr_fadeInDown; animation-name: elxr_fadeInDown; } @-webkit-keyframes elxr_fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes elxr_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); } } .elxr_fadeInDownBig { -webkit-animation-name: elxr_fadeInDownBig; animation-name: elxr_fadeInDownBig; } @-webkit-keyframes elxr_fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes elxr_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); } } .elxr_fadeInLeft { -webkit-animation-name: elxr_fadeInLeft; animation-name: elxr_fadeInLeft; } @-webkit-keyframes elxr_fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes elxr_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); } } .elxr_fadeInLeftBig { -webkit-animation-name: elxr_fadeInLeftBig; animation-name: elxr_fadeInLeftBig; } @-webkit-keyframes elxr_fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes elxr_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); } } .elxr_fadeInRight { -webkit-animation-name: elxr_fadeInRight; animation-name: elxr_fadeInRight; } @-webkit-keyframes elxr_fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes elxr_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); } } .elxr_fadeInRightBig { -webkit-animation-name: elxr_fadeInRightBig; animation-name: elxr_fadeInRightBig; } @-webkit-keyframes elxr_fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes elxr_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); } } .elxr_fadeInUp { -webkit-animation-name: elxr_fadeInUp; animation-name: elxr_fadeInUp; } @-webkit-keyframes elxr_fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes elxr_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); } } .elxr_fadeInUpBig { -webkit-animation-name: elxr_fadeInUpBig; animation-name: elxr_fadeInUpBig; } @-webkit-keyframes elxr_fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes elxr_fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .elxr_fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes elxr_fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes elxr_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); } } .elxr_fadeOutDown { -webkit-animation-name: elxr_fadeOutDown; animation-name: elxr_fadeOutDown; } @-webkit-keyframes elxr_fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes elxr_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); } } .elxr_fadeOutDownBig { -webkit-animation-name: elxr_fadeOutDownBig; animation-name: elxr_fadeOutDownBig; } @-webkit-keyframes elxr_fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes elxr_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); } } .elxr_fadeOutLeft { -webkit-animation-name: elxr_fadeOutLeft; animation-name: elxr_fadeOutLeft; } @-webkit-keyframes elxr_fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes elxr_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); } } .elxr_fadeOutLeftBig { -webkit-animation-name: elxr_fadeOutLeftBig; animation-name: elxr_fadeOutLeftBig; } @-webkit-keyframes elxr_fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes elxr_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); } } .elxr_fadeOutRight { -webkit-animation-name: elxr_fadeOutRight; animation-name: elxr_fadeOutRight; } @-webkit-keyframes elxr_fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes elxr_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); } } .elxr_fadeOutRightBig { -webkit-animation-name: elxr_fadeOutRightBig; animation-name: elxr_fadeOutRightBig; } @-webkit-keyframes elxr_fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes elxr_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); } } .elxr_fadeOutUp { -webkit-animation-name: elxr_fadeOutUp; animation-name: elxr_fadeOutUp; } @-webkit-keyframes elxr_fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes elxr_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); } } .elxr_fadeOutUpBig { -webkit-animation-name: elxr_fadeOutUpBig; animation-name: elxr_fadeOutUpBig; } @-webkit-keyframes elxr_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 elxr_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.elxr_flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: elxr_flip; animation-name: elxr_flip; } @-webkit-keyframes elxr_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 elxr_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; } } .elxr_flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: elxr_flipInX; animation-name: elxr_flipInX; } @-webkit-keyframes elxr_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 elxr_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; } } .elxr_flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: elxr_flipInY; animation-name: elxr_flipInY; } @-webkit-keyframes elxr_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 elxr_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; } } .elxr_flipOutX { -webkit-animation-name: elxr_flipOutX; animation-name: elxr_flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes elxr_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 elxr_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; } } .elxr_flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: elxr_flipOutY; animation-name: elxr_flipOutY; } @-webkit-keyframes elxr_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 elxr_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; } } .elxr_lightSpeedIn { -webkit-animation-name: elxr_lightSpeedIn; animation-name: elxr_lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes elxr_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 elxr_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; } } .elxr_lightSpeedOut { -webkit-animation-name: elxr_lightSpeedOut; animation-name: elxr_lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes elxr_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 elxr_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; } } .elxr_rotateIn { -webkit-animation-name: elxr_rotateIn; animation-name: elxr_rotateIn; } @-webkit-keyframes elxr_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 elxr_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; } } .elxr_rotateInDownLeft { -webkit-animation-name: elxr_rotateInDownLeft; animation-name: elxr_rotateInDownLeft; } @-webkit-keyframes elxr_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 elxr_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; } } .elxr_rotateInDownRight { -webkit-animation-name: elxr_rotateInDownRight; animation-name: elxr_rotateInDownRight; } @-webkit-keyframes elxr_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 elxr_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; } } .elxr_rotateInUpLeft { -webkit-animation-name: elxr_rotateInUpLeft; animation-name: elxr_rotateInUpLeft; } @-webkit-keyframes elxr_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 elxr_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; } } .elxr_rotateInUpRight { -webkit-animation-name: elxr_rotateInUpRight; animation-name: elxr_rotateInUpRight; } @-webkit-keyframes elxr_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 elxr_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; } } .elxr_rotateOut { -webkit-animation-name: elxr_rotateOut; animation-name: elxr_rotateOut; } @-webkit-keyframes elxr_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 elxr_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; } } .elxr_rotateOutDownLeft { -webkit-animation-name: elxr_rotateOutDownLeft; animation-name: elxr_rotateOutDownLeft; } @-webkit-keyframes elxr_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 elxr_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; } } .elxr_rotateOutDownRight { -webkit-animation-name: elxr_rotateOutDownRight; animation-name: elxr_rotateOutDownRight; } @-webkit-keyframes elxr_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 elxr_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; } } .elxr_rotateOutUpLeft { -webkit-animation-name: elxr_rotateOutUpLeft; animation-name: elxr_rotateOutUpLeft; } @-webkit-keyframes elxr_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 elxr_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; } } .elxr_rotateOutUpRight { -webkit-animation-name: elxr_rotateOutUpRight; animation-name: elxr_rotateOutUpRight; } @-webkit-keyframes elxr_slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes elxr_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); } } .elxr_slideInDown { -webkit-animation-name: elxr_slideInDown; animation-name: elxr_slideInDown; } @-webkit-keyframes elxr_slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes elxr_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); } } .elxr_slideInLeft { -webkit-animation-name: elxr_slideInLeft; animation-name: elxr_slideInLeft; } @-webkit-keyframes elxr_slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes elxr_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); } } .elxr_slideInRight { -webkit-animation-name: elxr_slideInRight; animation-name: elxr_slideInRight; } @-webkit-keyframes elxr_slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes elxr_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); } } .elxr_slideOutLeft { -webkit-animation-name: elxr_slideOutLeft; animation-name: elxr_slideOutLeft; } @-webkit-keyframes elxr_slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes elxr_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); } } .elxr_slideOutRight { -webkit-animation-name: elxr_slideOutRight; animation-name: elxr_slideOutRight; } @-webkit-keyframes elxr_slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes elxr_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); } } .elxr_slideOutUp { -webkit-animation-name: elxr_slideOutUp; animation-name: elxr_slideOutUp; } @-webkit-keyframes elxr_slideInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes elxr_slideInUp { 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); } } .elxr_slideInUp { -webkit-animation-name: elxr_slideInUp; animation-name: elxr_slideInUp; } @-webkit-keyframes elxr_slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes elxr_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); } } .elxr_slideOutDown { -webkit-animation-name: elxr_slideOutDown; animation-name: elxr_slideOutDown; } @-webkit-keyframes elxr_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 elxr_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; } } .elxr_hinge { -webkit-animation-name: elxr_hinge; animation-name: elxr_hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes elxr_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 elxr_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); } } .elxr_rollIn { -webkit-animation-name: elxr_rollIn; animation-name: elxr_rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes elxr_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 elxr_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); } } .elxr_rollOut { -webkit-animation-name: elxr_rollOut; animation-name: elxr_rollOut; } @-webkit-keyframes elxr_zoomIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; } } @keyframes elxr_zoomIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; } } .elxr_zoomIn { -webkit-animation-name: elxr_zoomIn; animation-name: elxr_zoomIn; } @-webkit-keyframes elxr_zoomInDown { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes elxr_zoomInDown { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); -ms-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); -ms-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .elxr_zoomInDown { -webkit-animation-name: elxr_zoomInDown; animation-name: elxr_zoomInDown; } @-webkit-keyframes elxr_zoomInLeft { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(48px); transform: scale(.475) translateX(48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes elxr_zoomInLeft { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); -ms-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(48px); -ms-transform: scale(.475) translateX(48px); transform: scale(.475) translateX(48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .elxr_zoomInLeft { -webkit-animation-name: elxr_zoomInLeft; animation-name: elxr_zoomInLeft; } @-webkit-keyframes elxr_zoomInRight { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(-48px); transform: scale(.475) translateX(-48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes elxr_zoomInRight { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); -ms-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(-48px); -ms-transform: scale(.475) translateX(-48px); transform: scale(.475) translateX(-48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .elxr_zoomInRight { -webkit-animation-name: elxr_zoomInRight; animation-name: elxr_zoomInRight; } @-webkit-keyframes elxr_zoomInUp { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes elxr_zoomInUp { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); -ms-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); -ms-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .elxr_zoomInUp { -webkit-animation-name: elxr_zoomInUp; animation-name: elxr_zoomInUp; } @-webkit-keyframes elxr_zoomOut { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 100% { opacity: 0; } } @keyframes elxr_zoomOut { 0% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 100% { opacity: 0; } } .elxr_zoomOut { -webkit-animation-name: elxr_zoomOut; animation-name: elxr_zoomOut; } @-webkit-keyframes elxr_zoomOutDown { 40% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-transform-origin: center bottom; transform-origin: center bottom; } } @keyframes elxr_zoomOutDown { 40% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); -ms-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); -ms-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } } .elxr_zoomOutDown { -webkit-animation-name: elxr_zoomOutDown; animation-name: elxr_zoomOutDown; } @-webkit-keyframes elxr_zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale(.475) translateX(42px); transform: scale(.475) translateX(42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes elxr_zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale(.475) translateX(42px); -ms-transform: scale(.475) translateX(42px); transform: scale(.475) translateX(42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); -ms-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } } .elxr_zoomOutLeft { -webkit-animation-name: elxr_zoomOutLeft; animation-name: elxr_zoomOutLeft; } @-webkit-keyframes elxr_zoomOutRight { 40% { opacity: 1; -webkit-transform: scale(.475) translateX(-42px); transform: scale(.475) translateX(-42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes elxr_zoomOutRight { 40% { opacity: 1; -webkit-transform: scale(.475) translateX(-42px); -ms-transform: scale(.475) translateX(-42px); transform: scale(.475) translateX(-42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); -ms-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; } } .elxr_zoomOutRight { -webkit-animation-name: elxr_zoomOutRight; animation-name: elxr_zoomOutRight; } @-webkit-keyframes elxr_zoomOutUp { 40% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-transform-origin: center top; transform-origin: center top; } } @keyframes elxr_zoomOutUp { 40% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); -ms-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); -ms-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; } } .elxr_zoomOutUp { -webkit-animation-name: elxr_zoomOutUp; animation-name: elxr_zoomOutUp; } @charset "UTF-8";/*! Magic - http://minimamente.com Licensed under the MIT license Copyright (c) 2014 Christian Pucci 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. */ .magictime { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .elxr_elxr_perspectiveDownRetourn { -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: elxr_perspectiveDownRetourn; -moz-animation-name: elxr_perspectiveDownRetourn; -ms-animation-name: elxr_perspectiveDownRetourn; -o-animation-name: elxr_perspectiveDownRetourn; animation-name: elxr_perspectiveDownRetourn; } .elxr_elxr_perspectiveLeftRetourn { -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: elxr_perspectiveLeftRetourn; -moz-animation-name: elxr_perspectiveLeftRetourn; -ms-animation-name: elxr_perspectiveLeftRetourn; -o-animation-name: elxr_perspectiveLeftRetourn; animation-name: elxr_perspectiveLeftRetourn; } .elxr_elxr_perspectiveRightRetourn { -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: elxr_perspectiveRightRetourn; -moz-animation-name: elxr_perspectiveRightRetourn; -ms-animation-name: elxr_perspectiveRightRetourn; -o-animation-name: elxr_perspectiveRightRetourn; animation-name: elxr_perspectiveRightRetourn; } .elxr_elxr_perspectiveUpRetourn { -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: elxr_perspectiveUpRetourn; -moz-animation-name: elxr_perspectiveUpRetourn; -ms-animation-name: elxr_perspectiveUpRetourn; -o-animation-name: elxr_perspectiveUpRetourn; animation-name: elxr_perspectiveUpRetourn; } .elxr_elxr_puffIn { -webkit-animation-name: elxr_puffIn; -moz-animation-name: elxr_puffIn; -ms-animation-name: elxr_puffIn; -o-animation-name: elxr_puffIn; animation-name: elxr_puffIn; } .elxr_elxr_twisterInUp { -webkit-animation-name: elxr_twisterInUp; -moz-animation-name: elxr_twisterInUp; -ms-animation-name: elxr_twisterInUp; -o-animation-name: elxr_twisterInUp; animation-name: elxr_twisterInUp; } .elxr_elxr_vanishIn { -webkit-animation-name: elxr_vanishIn; -moz-animation-name: elxr_vanishIn; -ms-animation-name: elxr_vanishIn; -o-animation-name: elxr_vanishIn; animation-name: elxr_vanishIn; } .elxr_elxr_tinRightIn { -webkit-animation-name: elxr_tinRightIn; -moz-animation-name: elxr_tinRightIn; -ms-animation-name: elxr_tinRightIn; -o-animation-name: elxr_tinRightIn; animation-name: elxr_tinRightIn; } .elxr_elxr_tinLeftIn { -webkit-animation-name: elxr_tinLeftIn; -moz-animation-name: elxr_tinLeftIn; -ms-animation-name: elxr_tinLeftIn; -o-animation-name: elxr_tinLeftIn; animation-name: elxr_tinLeftIn; } @-moz-keyframes elxr_perspectiveDownRetourn { 0% { opacity: 0; -moz-transform-origin: 0 100%; -moz-transform: perspective(800px) rotateX(-180deg); } 100% { opacity: 1; -moz-transform-origin: 0 100%; -moz-transform: perspective(800px) rotateX(0deg); } } @-webkit-keyframes elxr_perspectiveDownRetourn { 0% { opacity: 0; -webkit-transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(-180deg); } 100% { opacity: 1; -webkit-transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(0deg); } } @-o-keyframes elxr_perspectiveDownRetourn { 0% { opacity: 0; -o-transform-origin: 0 100%; -o-transform: perspective(800px) rotateX(-180deg); } 100% { opacity: 1; -o-transform-origin: 0 100%; -o-transform: perspective(800px) rotateX(0deg); } } @-ms-keyframes elxr_perspectiveDownRetourn { 0% { opacity: 0; -ms-transform-origin: 0 100%; -ms-transform: perspective(800px) rotateX(-180deg); } 100% { opacity: 1; -ms-transform-origin: 0 100%; -ms-transform: perspective(800px) rotateX(0deg); } } @keyframes elxr_perspectiveDownRetourn { 0% { opacity: 0; transform-origin: 0 100%; transform: perspective(800px) rotateX(-180deg); } 100% { opacity: 1; transform-origin: 0 100%; transform: perspective(800px) rotateX(0deg); } } @-moz-keyframes elxr_perspectiveLeftRetourn { 0% { opacity: 0; -moz-transform-origin: 0 0; -moz-transform: perspective(800px) rotateY(-180deg); } 100% { opacity: 1; -moz-transform-origin: 0 0; -moz-transform: perspective(800px) rotateY(0deg); } } @-webkit-keyframes elxr_perspectiveLeftRetourn { 0% { opacity: 0; -webkit-transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(-180deg); } 100% { opacity: 1; -webkit-transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg); } } @-o-keyframes elxr_perspectiveLeftRetourn { 0% { opacity: 0; -o-transform-origin: 0 0; -o-transform: perspective(800px) rotateY(-180deg); } 100% { opacity: 1; -o-transform-origin: 0 0; -o-transform: perspective(800px) rotateY(0deg); } } @-ms-keyframes elxr_perspectiveLeftRetourn { 0% { opacity: 0; -ms-transform-origin: 0 0; -ms-transform: perspective(800px) rotateY(-180deg); } 100% { opacity: 1; -ms-transform-origin: 0 0; -ms-transform: perspective(800px) rotateY(0deg); } } @keyframes elxr_perspectiveLeftRetourn { 0% { opacity: 0; transform-origin: 0 0; transform: perspective(800px) rotateY(-180deg); } 100% { opacity: 1; transform-origin: 0 0; transform: perspective(800px) rotateY(0deg); } } @-moz-keyframes elxr_perspectiveRightRetourn { 0% { opacity: 0; -moz-transform-origin: 100% 0; -moz-transform: perspective(800px) rotateY(180deg); } 100% { opacity: 1; -moz-transform-origin: 100% 0; -moz-transform: perspective(800px) rotateY(0deg); } } @-webkit-keyframes elxr_perspectiveRightRetourn { 0% { opacity: 0; -webkit-transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(180deg); } 100% { opacity: 1; -webkit-transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(0deg); } } @-o-keyframes elxr_perspectiveRightRetourn { 0% { opacity: 0; -o-transform-origin: 100% 0; -o-transform: perspective(800px) rotateY(180deg); } 100% { opacity: 1; -o-transform-origin: 100% 0; -o-transform: perspective(800px) rotateY(0deg); } } @-ms-keyframes elxr_perspectiveRightRetourn { 0% { opacity: 0; -ms-transform-origin: 100% 0; -ms-transform: perspective(800px) rotateY(180deg); } 100% { opacity: 1; -ms-transform-origin: 100% 0; -ms-transform: perspective(800px) rotateY(0deg); } } @keyframes elxr_perspectiveRightRetourn { 0% { opacity: 0; transform-origin: 100% 0; transform: perspective(800px) rotateY(180deg); } 100% { opacity: 1; transform-origin: 100% 0; transform: perspective(800px) rotateY(0deg); } } @-moz-keyframes elxr_perspectiveUpRetourn { 0% { opacity: 0; -moz-transform-origin: 0 0; -moz-transform: perspective(800px) rotateX(180deg); } 100% { opacity: 1; -moz-transform-origin: 0 0; -moz-transform: perspective(800px) rotateX(0deg); } } @-webkit-keyframes elxr_perspectiveUpRetourn { 0% { opacity: 0; -webkit-transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(180deg); } 100% { opacity: 1; -webkit-transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg); } } @-o-keyframes elxr_perspectiveUpRetourn { 0% { opacity: 0; -o-transform-origin: 0 0; -o-transform: perspective(800px) rotateX(180deg); } 100% { opacity: 1; -o-transform-origin: 0 0; -o-transform: perspective(800px) rotateX(0deg); } } @-ms-keyframes elxr_perspectiveUpRetourn { 0% { opacity: 0; -ms-transform-origin: 0 0; -ms-transform: perspective(800px) rotateX(180deg); } 100% { opacity: 1; -ms-transform-origin: 0 0; -ms-transform: perspective(800px) rotateX(0deg); } } @keyframes elxr_perspectiveUpRetourn { 0% { opacity: 0; transform-origin: 0 0; transform: perspective(800px) rotateX(180deg); } 100% { opacity: 1; transform-origin: 0 0; transform: perspective(800px) rotateX(0deg); } } @-moz-keyframes elxr_puffIn { 0% { opacity: 0; -moz-transform-origin: 50% 50%; -moz-transform: scale(2,2); -moz-filter: blur(2px); } 100% { opacity: 1; -moz-transform-origin: 50% 50%; -moz-transform: scale(1,1); -moz-filter: blur(0px); } } @-webkit-keyframes elxr_puffIn { 0% { opacity: 0; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(2,2); -webkit-filter: blur(2px); } 100% { opacity: 1; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(1,1); -webkit-filter: blur(0px); } } @-o-keyframes elxr_puffIn { 0% { opacity: 0; -o-transform-origin: 50% 50%; -o-transform: scale(2,2); -webkit-filter: blur(2px); } 100% { opacity: 1; -o-transform-origin: 50% 50%; -o-transform: scale(1,1); -webkit-filter: blur(0px); } } @-ms-keyframes elxr_puffIn { 0% { opacity: 0; filter: alpha(opacity=0); -ms-transform-origin: 50% 50%; -ms-transform: scale(2,2); filter: blur(2px); } 100% { opacity: 1; filter: alpha(opacity=100); -ms-transform-origin: 50% 50%; -ms-transform: scale(1,1); filter: blur(0px); } } @keyframes elxr_puffIn { 0% { opacity: 0; transform-origin: 50% 50%; transform: scale(2,2); filter: blur(2px); } 100% { opacity: 1; transform-origin: 50% 50%; transform: scale(1,1); filter: blur(0px); } } @-moz-keyframes elxr_twisterInUp { 0% { opacity: 0; -moz-transform-origin: 100% 0; -moz-transform: scale(0, 0) rotate(360deg) translateY(100%); } 30% { -moz-transform-origin: 100% 0; -moz-transform: scale(0, 0) rotate(360deg) translateY(100%); } 100% { opacity: 1; -moz-transform-origin: 0 0; -moz-transform: scale(1, 1) rotate(0deg) translateY(0); } } @-webkit-keyframes elxr_twisterInUp { 0% { opacity: 0; -webkit-transform-origin: 100% 0; -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%); } 30% { -webkit-transform-origin: 100% 0; -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%); } 100% { opacity: 1; -webkit-transform-origin: 0 0; -webkit-transform: scale(1, 1) rotate(0deg) translateY(0); } } @-o-keyframes elxr_twisterInUp { 0% { opacity: 0; -o-transform-origin: 100% 0; -o-transform: scale(0, 0) rotate(360deg) translateY(100%); } 30% { -o-transform-origin: 100% 0; -o-transform: scale(0, 0) rotate(360deg) translateY(100%); } 100% { opacity: 1; -o-transform-origin: 0 0; -o-transform: scale(1, 1) rotate(0deg) translateY(0); } } @-ms-keyframes elxr_twisterInUp { 0% { opacity: 0; filter: alpha(opacity=0); -ms-transform-origin: 100% 0; -ms-transform: scale(0, 0) rotate(360deg) translateY(100%); } 30% {; -ms-transform-origin: 100% 0; -ms-transform: scale(0, 0) rotate(360deg) translateY(100%); } 100% { opacity: 1; filter: alpha(opacity=100); -ms-transform-origin: 0 0; -ms-transform: scale(1, 1) rotate(0deg) translateY(0); } } @keyframes elxr_twisterInUp { 0% { opacity: 0; transform-origin: 100% 0; transform: scale(0, 0) rotate(360deg) translateY(100%); } 30% { transform-origin: 100% 0; transform: scale(0, 0) rotate(360deg) translateY(100%); } 100% { opacity: 1; transform-origin: 0 0; transform: scale(1, 1) rotate(0deg) translateY(0); } } @-moz-keyframes elxr_vanishIn { 0% { opacity: 0; -moz-transform-origin: 50% 50%; -moz-transform: scale(2, 2); -webkit-filter: blur(90px); } 100% { opacity: 1; -moz-transform-origin: 50% 50%; -moz-transform: scale(1, 1); -webkit-filter: blur(0px); } } @-webkit-keyframes elxr_vanishIn { 0% { opacity: 0; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -webkit-filter: blur(90px); } 100% { opacity: 1; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -webkit-filter: blur(0px); } } @-o-keyframes elxr_vanishIn { 0% { opacity: 0; -o-transform-origin: 50% 50%; -o-transform: scale(2, 2); -webkit-filter: blur(90px); } 100% { opacity: 1; -o-transform-origin: 50% 50%; -o-transform: scale(1, 1); -webkit-filter: blur(0px); } } @-ms-keyframes elxr_vanishIn { 0% { opacity: 0; filter: alpha(opacity=0); -ms-transform-origin: 50% 50%; -ms-transform: scale(2, 2); -webkit-filter: blur(90px); } 100% { opacity: 1; filter: alpha(opacity=100); -ms-transform-origin: 50% 50%; -ms-transform: scale(1, 1); -webkit-filter: blur(0px); } } @keyframes elxr_vanishIn { 0% { opacity: 0; transform-origin: 50% 50%; transform: scale(2, 2); -webkit-filter: blur(90px); } 100% { opacity: 1; transform-origin: 50% 50%; transform: scale(1, 1); -webkit-filter: blur(0px); } } @-moz-keyframes elxr_tinRightIn { 0% { opacity: 0; -moz-transform: scale(1, 1) translateX(900%); } 50%, 70%, 90% { opacity: 1; -moz-transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; -moz-transform: scale(1, 1) translateX(0); } } @-webkit-keyframes elxr_tinRightIn { 0% { opacity: 0; -webkit-transform: scale(1, 1) translateX(900%); } 50%, 70%, 90% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; -webkit-transform: scale(1, 1) translateX(0); } } @-o-keyframes elxr_tinRightIn { 0% { opacity: 0; -o-transform: scale(1, 1) translateX(900%); } 50%, 70%, 90% { opacity: 1; -o-transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; -o-transform: scale(1, 1) translateX(0); } } @-ms-keyframes elxr_tinRightIn { 0% { opacity: 0; filter: alpha(opacity=0); -ms-transform: scale(1, 1) translateX(900%); } 50%, 70%, 90% { opacity: 1; filter: alpha(opacity=100); -ms-transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; filter: alpha(opacity=100); -ms-transform: scale(1, 1) translateX(0); } } @keyframes elxr_tinRightIn { 0% { opacity: 0; transform: scale(1, 1) translateX(900%); } 50%, 70%, 90% { opacity: 1; transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; transform: scale(1, 1) translateX(0); } } @-moz-keyframes elxr_tinLeftIn { 0% { opacity: 0; -moz-transform: scale(1, 1) translateX(-900%); } 50%, 70%, 90% { opacity: 1; -moz-transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; -moz-transform: scale(1, 1) translateX(0); } } @-webkit-keyframes elxr_tinLeftIn { 0% { opacity: 0; -webkit-transform: scale(1, 1) translateX(-900%); } 50%, 70%, 90% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; -webkit-transform: scale(1, 1) translateX(0); } } @-o-keyframes elxr_tinLeftIn { 0% { opacity: 0; -o-transform: scale(1, 1) translateX(-900%); } 50%, 70%, 90% { opacity: 1; -o-transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; -o-transform: scale(1, 1) translateX(0); } } @-ms-keyframes elxr_tinLeftIn { 0% { opacity: 0; filter: alpha(opacity=0); -ms-transform: scale(1, 1) translateX(-900%); } 50%, 70%, 90% { opacity: 1; filter: alpha(opacity=100); -ms-transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; filter: alpha(opacity=100); -ms-transform: scale(1, 1) translateX(0); } } @keyframes elxr_tinLeftIn { 0% { opacity: 0; transform: scale(1, 1) translateX(-900%); } 50%, 70%, 90% { opacity: 1; transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; transform: scale(1, 1) translateX(0); } } /* ********* */ /* Normalize */ /* ********* */ /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ #stacks_in_6667 article, #stacks_in_6667 aside, #stacks_in_6667 details, #stacks_in_6667 figcaption, #stacks_in_6667 figure, #stacks_in_6667 footer, #stacks_in_6667 header, #stacks_in_6667 hgroup, #stacks_in_6667 main, #stacks_in_6667 nav, #stacks_in_6667 section, #stacks_in_6667 summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ #stacks_in_6667 audio, #stacks_in_6667 canvas, #stacks_in_6667 progress, #stacks_in_6667 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ #stacks_in_6667 audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ #stacks_in_6667 [hidden], #stacks_in_6667 template { display: none; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ #stacks_in_6667 img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ #stacks_in_6667 svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address differences between Firefox and other browsers. */ #stacks_in_6667 hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ #stacks_in_6667 pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ #stacks_in_6667 code, #stacks_in_6667 kbd, #stacks_in_6667 pre, #stacks_in_6667 samp { font-family: monospace, monospace; font-size: 1em; } /* **************** */ /* Stack Specific */ /* **************** */ #stacks_in_6667 *, #stacks_in_6667 *:before, #stacks_in_6667 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_6667 .wow { visibility: hidden; } /* We use this media query to add styles to any device that supports media queries */ @media only screen { #stacks_in_6667 .column_base_margin { margin-bottom: 0px; } } @media only screen and (max-width: 1024px) { #stacks_in_6667 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 768px wide. */ @media only screen and (max-width: 768px) { #stacks_in_6667 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 480px wide. */ @media only screen and (max-width: 640px) { #stacks_in_6667 .column_base_margin { margin-bottom: 0px; } } /* Handles making images responsive inside the stack */ #stacks_in_6667 img { max-width: 100%; height: auto; } /* **************** */ /* Foundation START */ /* **************** */ /* Copyright (c) 2013-2014 ZURB, inc. MIT License 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. */ #stacks_in_6667 meta.foundation-version { font-family: "/5.3.1/"; } #stacks_in_6667 meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } #stacks_in_6667 meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } #stacks_in_6667 meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } #stacks_in_6667 meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } #stacks_in_6667 meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } #stacks_in_6667 meta.foundation-data-attribute-namespace { font-family: false; } #stacks_in_6667 *, #stacks_in_6667 *:before, #stacks_in_6667 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_6667 .left { float: left !important; } #stacks_in_6667 .right { float: right !important; } #stacks_in_6667 .clearfix:before, #stacks_in_6667 .clearfix:after { content: " "; display: table; } #stacks_in_6667 .clearfix:after { clear: both; } #stacks_in_6667 .hide { display: none; } #stacks_in_6667 .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_6667 img { display: inline-block; vertical-align: middle; } #stacks_in_6667 textarea { height: auto; min-height: 50px; } #stacks_in_6667 select { width: 100%; } #stacks_in_6667 .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } #stacks_in_6667 .row:before, #stacks_in_6667 .row:after { content: " "; display: table; } #stacks_in_6667 .row:after { clear: both; } #stacks_in_6667 .row.collapse > .column, #stacks_in_6667 .row.collapse > .columns { padding-left: 0; padding-right: 0; } #stacks_in_6667 .row.collapse .row { margin-left: 0; margin-right: 0; } #stacks_in_6667 .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; } #stacks_in_6667 .row .row:before, #stacks_in_6667 .row .row:after { content: " "; display: table; } #stacks_in_6667 .row .row:after { clear: both; } #stacks_in_6667 .row .row.collapse { width: auto; margin: 0; max-width: none; } #stacks_in_6667 .row .row.collapse:before, #stacks_in_6667 .row .row.collapse:after { content: " "; display: table; } #stacks_in_6667 .row .row.collapse:after { clear: both; } #stacks_in_6667 .column, #stacks_in_6667 .columns { padding-left: 0.9375em; padding-right: 0.9375em; margin-right: 0; /* Fixes comaptiblity with some themes using skeleton.css */ margin-left: 0; /* Fixes comaptiblity with some themes using skeleton.css */ width: 100%; float: left; } #stacks_in_6667 [class*="column"] + [class*="column"]:last-child { float: right; } #stacks_in_6667 [class*="column"] + [class*="column"].end { float: left; } @media only screen { #stacks_in_6667 .small-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6667 .small-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6667 .small-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6667 .small-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6667 .small-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6667 .small-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6667 .small-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6667 .small-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6667 .small-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6667 .small-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6667 .small-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6667 .small-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6667 .small-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6667 .small-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6667 .small-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6667 .small-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6667 .small-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6667 .small-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6667 .small-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6667 .small-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6667 .small-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6667 .small-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6667 .small-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6667 .small-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_6667 .column, #stacks_in_6667 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_6667 .small-1 { width: 8.33333%; } #stacks_in_6667 .small-2 { width: 16.66667%; } #stacks_in_6667 .small-3 { width: 25%; } #stacks_in_6667 .small-4 { width: 33.33333%; } #stacks_in_6667 .small-5 { width: 41.66667%; } #stacks_in_6667 .small-6 { width: 50%; } #stacks_in_6667 .small-7 { width: 58.33333%; } #stacks_in_6667 .small-8 { width: 66.66667%; } #stacks_in_6667 .small-9 { width: 75%; } #stacks_in_6667 .small-10 { width: 83.33333%; } #stacks_in_6667 .small-11 { width: 91.66667%; } #stacks_in_6667 .small-12 { width: 100%; } #stacks_in_6667 .small-offset-0 { margin-left: 0% !important; } #stacks_in_6667 .small-offset-1 { margin-left: 8.33333% !important; } #stacks_in_6667 .small-offset-2 { margin-left: 16.66667% !important; } #stacks_in_6667 .small-offset-3 { margin-left: 25% !important; } #stacks_in_6667 .small-offset-4 { margin-left: 33.33333% !important; } #stacks_in_6667 .small-offset-5 { margin-left: 41.66667% !important; } #stacks_in_6667 .small-offset-6 { margin-left: 50% !important; } #stacks_in_6667 .small-offset-7 { margin-left: 58.33333% !important; } #stacks_in_6667 .small-offset-8 { margin-left: 66.66667% !important; } #stacks_in_6667 .small-offset-9 { margin-left: 75% !important; } #stacks_in_6667 .small-offset-10 { margin-left: 83.33333% !important; } #stacks_in_6667 .small-offset-11 { margin-left: 91.66667% !important; } #stacks_in_6667 .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_6667 .column.small-centered, #stacks_in_6667 .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_6667 .column.small-uncentered, #stacks_in_6667 .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_6667 .column.small-centered:last-child, #stacks_in_6667 .columns.small-centered:last-child { float: none; } #stacks_in_6667 .column.small-uncentered:last-child, #stacks_in_6667 .columns.small-uncentered:last-child { float: left; } #stacks_in_6667 .column.small-uncentered.opposite, #stacks_in_6667 .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 40.063em) { #stacks_in_6667 .medium-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6667 .medium-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6667 .medium-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6667 .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6667 .medium-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6667 .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6667 .medium-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6667 .medium-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6667 .medium-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6667 .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6667 .medium-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6667 .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6667 .medium-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6667 .medium-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6667 .medium-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6667 .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6667 .medium-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6667 .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6667 .medium-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6667 .medium-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6667 .medium-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6667 .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6667 .medium-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6667 .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_6667 .column, #stacks_in_6667 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_6667 .medium-1 { width: 8.33333%; } #stacks_in_6667 .medium-2 { width: 16.66667%; } #stacks_in_6667 .medium-3 { width: 25%; } #stacks_in_6667 .medium-4 { width: 33.33333%; } #stacks_in_6667 .medium-5 { width: 41.66667%; } #stacks_in_6667 .medium-6 { width: 50%; } #stacks_in_6667 .medium-7 { width: 58.33333%; } #stacks_in_6667 .medium-8 { width: 66.66667%; } #stacks_in_6667 .medium-9 { width: 75%; } #stacks_in_6667 .medium-10 { width: 83.33333%; } #stacks_in_6667 .medium-11 { width: 91.66667%; } #stacks_in_6667 .medium-12 { width: 100%; } #stacks_in_6667 .medium-offset-0 { margin-left: 0% !important; } #stacks_in_6667 .medium-offset-1 { margin-left: 8.33333% !important; } #stacks_in_6667 .medium-offset-2 { margin-left: 16.66667% !important; } #stacks_in_6667 .medium-offset-3 { margin-left: 25% !important; } #stacks_in_6667 .medium-offset-4 { margin-left: 33.33333% !important; } #stacks_in_6667 .medium-offset-5 { margin-left: 41.66667% !important; } #stacks_in_6667 .medium-offset-6 { margin-left: 50% !important; } #stacks_in_6667 .medium-offset-7 { margin-left: 58.33333% !important; } #stacks_in_6667 .medium-offset-8 { margin-left: 66.66667% !important; } #stacks_in_6667 .medium-offset-9 { margin-left: 75% !important; } #stacks_in_6667 .medium-offset-10 { margin-left: 83.33333% !important; } #stacks_in_6667 .medium-offset-11 { margin-left: 91.66667% !important; } #stacks_in_6667 .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_6667 .column.medium-centered, #stacks_in_6667 .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_6667 .column.medium-uncentered, #stacks_in_6667 .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_6667 .column.medium-centered:last-child, #stacks_in_6667 .columns.medium-centered:last-child { float: none; } #stacks_in_6667 .column.medium-uncentered:last-child, #stacks_in_6667 .columns.medium-uncentered:last-child { float: left; } #stacks_in_6667 .column.medium-uncentered.opposite, #stacks_in_6667 .columns.medium-uncentered.opposite { float: right; } #stacks_in_6667 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6667 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6667 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6667 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6667 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6667 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6667 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6667 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6667 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6667 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6667 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6667 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6667 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6667 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6667 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6667 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6667 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6667 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6667 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6667 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6667 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6667 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6667 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6667 .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { #stacks_in_6667 .large-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6667 .large-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6667 .large-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6667 .large-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6667 .large-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6667 .large-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6667 .large-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6667 .large-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6667 .large-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6667 .large-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6667 .large-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6667 .large-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6667 .large-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6667 .large-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6667 .large-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6667 .large-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6667 .large-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6667 .large-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6667 .large-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6667 .large-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6667 .large-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6667 .large-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6667 .large-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6667 .large-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_6667 .column, #stacks_in_6667 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_6667 .large-1 { width: 8.33333%; } #stacks_in_6667 .large-2 { width: 16.66667%; } #stacks_in_6667 .large-3 { width: 25%; } #stacks_in_6667 .large-4 { width: 33.33333%; } #stacks_in_6667 .large-5 { width: 41.66667%; } #stacks_in_6667 .large-6 { width: 50%; } #stacks_in_6667 .large-7 { width: 58.33333%; } #stacks_in_6667 .large-8 { width: 66.66667%; } #stacks_in_6667 .large-9 { width: 75%; } #stacks_in_6667 .large-10 { width: 83.33333%; } #stacks_in_6667 .large-11 { width: 91.66667%; } #stacks_in_6667 .large-12 { width: 100%; } #stacks_in_6667 .large-offset-0 { margin-left: 0% !important; } #stacks_in_6667 .large-offset-1 { margin-left: 8.33333% !important; } #stacks_in_6667 .large-offset-2 { margin-left: 16.66667% !important; } #stacks_in_6667 .large-offset-3 { margin-left: 25% !important; } #stacks_in_6667 .large-offset-4 { margin-left: 33.33333% !important; } #stacks_in_6667 .large-offset-5 { margin-left: 41.66667% !important; } #stacks_in_6667 .large-offset-6 { margin-left: 50% !important; } #stacks_in_6667 .large-offset-7 { margin-left: 58.33333% !important; } #stacks_in_6667 .large-offset-8 { margin-left: 66.66667% !important; } #stacks_in_6667 .large-offset-9 { margin-left: 75% !important; } #stacks_in_6667 .large-offset-10 { margin-left: 83.33333% !important; } #stacks_in_6667 .large-offset-11 { margin-left: 91.66667% !important; } #stacks_in_6667 .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_6667 .column.large-centered, #stacks_in_6667 .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_6667 .column.large-uncentered, #stacks_in_6667 .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_6667 .column.large-centered:last-child, #stacks_in_6667 .columns.large-centered:last-child { float: none; } #stacks_in_6667 .column.large-uncentered:last-child, #stacks_in_6667 .columns.large-uncentered:last-child { float: left; } #stacks_in_6667 .column.large-uncentered.opposite, #stacks_in_6667 .columns.large-uncentered.opposite { float: right; } #stacks_in_6667 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6667 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6667 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6667 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6667 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6667 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6667 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6667 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6667 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6667 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6667 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6667 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6667 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6667 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6667 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6667 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6667 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6667 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6667 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6667 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6667 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6667 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6667 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6667 .pull-11 { position: relative; right: 91.66667%; left: auto; } } #stacks_in_6667 [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } #stacks_in_6667 [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } #stacks_in_6667 [class*="block-grid-"]:after { clear: both; } #stacks_in_6667 [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { #stacks_in_6667 .small-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_6667 .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_6667 .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_6667 .small-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_6667 .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_6667 .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_6667 .small-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_6667 .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_6667 .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_6667 .small-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_6667 .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_6667 .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_6667 .small-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_6667 .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_6667 .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_6667 .small-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_6667 .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_6667 .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_6667 .small-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_6667 .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_6667 .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_6667 .small-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_6667 .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_6667 .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_6667 .small-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_6667 .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_6667 .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_6667 .small-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_6667 .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_6667 .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_6667 .small-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_6667 .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_6667 .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_6667 .small-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_6667 .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_6667 .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { #stacks_in_6667 .medium-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_6667 .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_6667 .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_6667 .medium-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_6667 .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_6667 .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_6667 .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_6667 .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_6667 .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_6667 .medium-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_6667 .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_6667 .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_6667 .medium-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_6667 .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_6667 .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_6667 .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_6667 .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_6667 .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_6667 .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_6667 .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_6667 .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_6667 .medium-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_6667 .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_6667 .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_6667 .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_6667 .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_6667 .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_6667 .medium-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_6667 .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_6667 .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_6667 .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_6667 .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_6667 .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_6667 .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_6667 .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_6667 .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { #stacks_in_6667 .large-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_6667 .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_6667 .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_6667 .large-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_6667 .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_6667 .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_6667 .large-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_6667 .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_6667 .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_6667 .large-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_6667 .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_6667 .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_6667 .large-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_6667 .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_6667 .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_6667 .large-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_6667 .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_6667 .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_6667 .large-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_6667 .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_6667 .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_6667 .large-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_6667 .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_6667 .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_6667 .large-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_6667 .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_6667 .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_6667 .large-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_6667 .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_6667 .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_6667 .large-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_6667 .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_6667 .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_6667 .large-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_6667 .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_6667 .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } #stacks_in_6667 { background-color: rgba(204, 204, 204, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; margin: 0px 0px 10px 0px; padding: 0px 5px 0px 5px; } #stacks_in_6668 h3,#stacks_in_6668 h3 a,#stacks_in_6668 p,#stacks_in_6668 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_6668 h3,#stacks_in_6668 h3 a,#stacks_in_6668 p,#stacks_in_6668 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_6668 h3,#stacks_in_6668 h3 a,#stacks_in_6668 p,#stacks_in_6668 p a{ font-size:12px; } } #stacks_in_6668 h3,#stacks_in_6668 h3 a,#stacks_in_6668 p,#stacks_in_6668 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_6668 p a:hover, #stacks_in_6668 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_6668 { margin: 10px 10px 10px 20px; padding: 0px 5px 0px 5px; } #stacks_out_6668 { margin-right:0; } #stacks_in_6669 { font-size: 99%; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_6671, #stacks_in_6671 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_6671 { padding: 20px 0px !important; } #press_alignment_stacks_in_6671 { width: 100%; } #press_alignment_stacks_in_6671.press-left { text-align: left; } #press_alignment_stacks_in_6671.press-center { text-align: center; } #press_alignment_stacks_in_6671.press-right { text-align: right; } #stacks_in_6671 { transition: all 200ms ease; /* */ /* */ /* */ background: #4DCB61; background: -webkit-gradient(linear, left top, left bottom, from(to bottom), color-stop(#4DCB61), to(#16AB54)); background: linear-gradient(to bottom, #4DCB61, #16AB54); /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 10px 15px 10px 15px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_6671:hover { /* */ /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_6671:hover .press-icon i { /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_6671:active { /* */ /* */ /* */ /* */ } #stacks_in_6671:active .press-icon i { /* */ } #stacks_in_6671 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 10px 15px 10px 15px; border-radius: 0px 0px 0px 0px; /* */ /* */ /* */ background: #52A37C; background: -webkit-gradient(linear, left top, left bottom, from(to right), color-stop(#52A37C), to(#0D6634)); background: linear-gradient(to right, #52A37C, #0D6634); /* */ /* */ /* */ /* */ margin-right: 0px; /* */ /* */ /* */ } #stacks_in_6671 .press-icon i { font-size: 20px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_6671 .press-text { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; padding: 5px 10px 5px 10px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 16px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_6671 .press-text .out { margin: 0 !important; } #stacks_in_6671 { font-size: 12px; line-height: 16px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } /* ********* */ /* Normalize */ /* ********* */ /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ #stacks_in_6902 article, #stacks_in_6902 aside, #stacks_in_6902 details, #stacks_in_6902 figcaption, #stacks_in_6902 figure, #stacks_in_6902 footer, #stacks_in_6902 header, #stacks_in_6902 hgroup, #stacks_in_6902 main, #stacks_in_6902 nav, #stacks_in_6902 section, #stacks_in_6902 summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ #stacks_in_6902 audio, #stacks_in_6902 canvas, #stacks_in_6902 progress, #stacks_in_6902 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ #stacks_in_6902 audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ #stacks_in_6902 [hidden], #stacks_in_6902 template { display: none; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ #stacks_in_6902 img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ #stacks_in_6902 svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address differences between Firefox and other browsers. */ #stacks_in_6902 hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ #stacks_in_6902 pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ #stacks_in_6902 code, #stacks_in_6902 kbd, #stacks_in_6902 pre, #stacks_in_6902 samp { font-family: monospace, monospace; font-size: 1em; } /* **************** */ /* Stack Specific */ /* **************** */ #stacks_in_6902 *, #stacks_in_6902 *:before, #stacks_in_6902 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_6902 .wow { visibility: hidden; } /* We use this media query to add styles to any device that supports media queries */ @media only screen { #stacks_in_6902 .column_base_margin { margin-bottom: 0px; } } @media only screen and (max-width: 1024px) { #stacks_in_6902 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 768px wide. */ @media only screen and (max-width: 768px) { #stacks_in_6902 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 480px wide. */ @media only screen and (max-width: 640px) { #stacks_in_6902 .column_base_margin { margin-bottom: 0px; } } /* Handles making images responsive inside the stack */ #stacks_in_6902 img { max-width: 100%; height: auto; } /* **************** */ /* Foundation START */ /* **************** */ /* Copyright (c) 2013-2014 ZURB, inc. MIT License 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. */ #stacks_in_6902 meta.foundation-version { font-family: "/5.3.1/"; } #stacks_in_6902 meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } #stacks_in_6902 meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } #stacks_in_6902 meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } #stacks_in_6902 meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } #stacks_in_6902 meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } #stacks_in_6902 meta.foundation-data-attribute-namespace { font-family: false; } #stacks_in_6902 *, #stacks_in_6902 *:before, #stacks_in_6902 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_6902 .left { float: left !important; } #stacks_in_6902 .right { float: right !important; } #stacks_in_6902 .clearfix:before, #stacks_in_6902 .clearfix:after { content: " "; display: table; } #stacks_in_6902 .clearfix:after { clear: both; } #stacks_in_6902 .hide { display: none; } #stacks_in_6902 .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_6902 img { display: inline-block; vertical-align: middle; } #stacks_in_6902 textarea { height: auto; min-height: 50px; } #stacks_in_6902 select { width: 100%; } #stacks_in_6902 .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } #stacks_in_6902 .row:before, #stacks_in_6902 .row:after { content: " "; display: table; } #stacks_in_6902 .row:after { clear: both; } #stacks_in_6902 .row.collapse > .column, #stacks_in_6902 .row.collapse > .columns { padding-left: 0; padding-right: 0; } #stacks_in_6902 .row.collapse .row { margin-left: 0; margin-right: 0; } #stacks_in_6902 .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; } #stacks_in_6902 .row .row:before, #stacks_in_6902 .row .row:after { content: " "; display: table; } #stacks_in_6902 .row .row:after { clear: both; } #stacks_in_6902 .row .row.collapse { width: auto; margin: 0; max-width: none; } #stacks_in_6902 .row .row.collapse:before, #stacks_in_6902 .row .row.collapse:after { content: " "; display: table; } #stacks_in_6902 .row .row.collapse:after { clear: both; } #stacks_in_6902 .column, #stacks_in_6902 .columns { padding-left: 0.9375em; padding-right: 0.9375em; margin-right: 0; /* Fixes comaptiblity with some themes using skeleton.css */ margin-left: 0; /* Fixes comaptiblity with some themes using skeleton.css */ width: 100%; float: left; } #stacks_in_6902 [class*="column"] + [class*="column"]:last-child { float: right; } #stacks_in_6902 [class*="column"] + [class*="column"].end { float: left; } @media only screen { #stacks_in_6902 .small-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6902 .small-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6902 .small-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6902 .small-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6902 .small-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6902 .small-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6902 .small-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6902 .small-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6902 .small-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6902 .small-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6902 .small-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6902 .small-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6902 .small-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6902 .small-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6902 .small-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6902 .small-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6902 .small-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6902 .small-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6902 .small-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6902 .small-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6902 .small-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6902 .small-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6902 .small-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6902 .small-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_6902 .column, #stacks_in_6902 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_6902 .small-1 { width: 8.33333%; } #stacks_in_6902 .small-2 { width: 16.66667%; } #stacks_in_6902 .small-3 { width: 25%; } #stacks_in_6902 .small-4 { width: 33.33333%; } #stacks_in_6902 .small-5 { width: 41.66667%; } #stacks_in_6902 .small-6 { width: 50%; } #stacks_in_6902 .small-7 { width: 58.33333%; } #stacks_in_6902 .small-8 { width: 66.66667%; } #stacks_in_6902 .small-9 { width: 75%; } #stacks_in_6902 .small-10 { width: 83.33333%; } #stacks_in_6902 .small-11 { width: 91.66667%; } #stacks_in_6902 .small-12 { width: 100%; } #stacks_in_6902 .small-offset-0 { margin-left: 0% !important; } #stacks_in_6902 .small-offset-1 { margin-left: 8.33333% !important; } #stacks_in_6902 .small-offset-2 { margin-left: 16.66667% !important; } #stacks_in_6902 .small-offset-3 { margin-left: 25% !important; } #stacks_in_6902 .small-offset-4 { margin-left: 33.33333% !important; } #stacks_in_6902 .small-offset-5 { margin-left: 41.66667% !important; } #stacks_in_6902 .small-offset-6 { margin-left: 50% !important; } #stacks_in_6902 .small-offset-7 { margin-left: 58.33333% !important; } #stacks_in_6902 .small-offset-8 { margin-left: 66.66667% !important; } #stacks_in_6902 .small-offset-9 { margin-left: 75% !important; } #stacks_in_6902 .small-offset-10 { margin-left: 83.33333% !important; } #stacks_in_6902 .small-offset-11 { margin-left: 91.66667% !important; } #stacks_in_6902 .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_6902 .column.small-centered, #stacks_in_6902 .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_6902 .column.small-uncentered, #stacks_in_6902 .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_6902 .column.small-centered:last-child, #stacks_in_6902 .columns.small-centered:last-child { float: none; } #stacks_in_6902 .column.small-uncentered:last-child, #stacks_in_6902 .columns.small-uncentered:last-child { float: left; } #stacks_in_6902 .column.small-uncentered.opposite, #stacks_in_6902 .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 40.063em) { #stacks_in_6902 .medium-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6902 .medium-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6902 .medium-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6902 .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6902 .medium-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6902 .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6902 .medium-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6902 .medium-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6902 .medium-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6902 .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6902 .medium-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6902 .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6902 .medium-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6902 .medium-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6902 .medium-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6902 .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6902 .medium-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6902 .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6902 .medium-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6902 .medium-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6902 .medium-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6902 .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6902 .medium-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6902 .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_6902 .column, #stacks_in_6902 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_6902 .medium-1 { width: 8.33333%; } #stacks_in_6902 .medium-2 { width: 16.66667%; } #stacks_in_6902 .medium-3 { width: 25%; } #stacks_in_6902 .medium-4 { width: 33.33333%; } #stacks_in_6902 .medium-5 { width: 41.66667%; } #stacks_in_6902 .medium-6 { width: 50%; } #stacks_in_6902 .medium-7 { width: 58.33333%; } #stacks_in_6902 .medium-8 { width: 66.66667%; } #stacks_in_6902 .medium-9 { width: 75%; } #stacks_in_6902 .medium-10 { width: 83.33333%; } #stacks_in_6902 .medium-11 { width: 91.66667%; } #stacks_in_6902 .medium-12 { width: 100%; } #stacks_in_6902 .medium-offset-0 { margin-left: 0% !important; } #stacks_in_6902 .medium-offset-1 { margin-left: 8.33333% !important; } #stacks_in_6902 .medium-offset-2 { margin-left: 16.66667% !important; } #stacks_in_6902 .medium-offset-3 { margin-left: 25% !important; } #stacks_in_6902 .medium-offset-4 { margin-left: 33.33333% !important; } #stacks_in_6902 .medium-offset-5 { margin-left: 41.66667% !important; } #stacks_in_6902 .medium-offset-6 { margin-left: 50% !important; } #stacks_in_6902 .medium-offset-7 { margin-left: 58.33333% !important; } #stacks_in_6902 .medium-offset-8 { margin-left: 66.66667% !important; } #stacks_in_6902 .medium-offset-9 { margin-left: 75% !important; } #stacks_in_6902 .medium-offset-10 { margin-left: 83.33333% !important; } #stacks_in_6902 .medium-offset-11 { margin-left: 91.66667% !important; } #stacks_in_6902 .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_6902 .column.medium-centered, #stacks_in_6902 .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_6902 .column.medium-uncentered, #stacks_in_6902 .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_6902 .column.medium-centered:last-child, #stacks_in_6902 .columns.medium-centered:last-child { float: none; } #stacks_in_6902 .column.medium-uncentered:last-child, #stacks_in_6902 .columns.medium-uncentered:last-child { float: left; } #stacks_in_6902 .column.medium-uncentered.opposite, #stacks_in_6902 .columns.medium-uncentered.opposite { float: right; } #stacks_in_6902 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6902 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6902 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6902 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6902 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6902 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6902 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6902 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6902 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6902 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6902 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6902 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6902 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6902 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6902 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6902 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6902 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6902 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6902 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6902 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6902 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6902 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6902 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6902 .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { #stacks_in_6902 .large-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6902 .large-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6902 .large-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6902 .large-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6902 .large-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6902 .large-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6902 .large-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6902 .large-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6902 .large-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6902 .large-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6902 .large-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6902 .large-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6902 .large-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6902 .large-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6902 .large-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6902 .large-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6902 .large-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6902 .large-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6902 .large-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6902 .large-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6902 .large-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6902 .large-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6902 .large-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6902 .large-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_6902 .column, #stacks_in_6902 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_6902 .large-1 { width: 8.33333%; } #stacks_in_6902 .large-2 { width: 16.66667%; } #stacks_in_6902 .large-3 { width: 25%; } #stacks_in_6902 .large-4 { width: 33.33333%; } #stacks_in_6902 .large-5 { width: 41.66667%; } #stacks_in_6902 .large-6 { width: 50%; } #stacks_in_6902 .large-7 { width: 58.33333%; } #stacks_in_6902 .large-8 { width: 66.66667%; } #stacks_in_6902 .large-9 { width: 75%; } #stacks_in_6902 .large-10 { width: 83.33333%; } #stacks_in_6902 .large-11 { width: 91.66667%; } #stacks_in_6902 .large-12 { width: 100%; } #stacks_in_6902 .large-offset-0 { margin-left: 0% !important; } #stacks_in_6902 .large-offset-1 { margin-left: 8.33333% !important; } #stacks_in_6902 .large-offset-2 { margin-left: 16.66667% !important; } #stacks_in_6902 .large-offset-3 { margin-left: 25% !important; } #stacks_in_6902 .large-offset-4 { margin-left: 33.33333% !important; } #stacks_in_6902 .large-offset-5 { margin-left: 41.66667% !important; } #stacks_in_6902 .large-offset-6 { margin-left: 50% !important; } #stacks_in_6902 .large-offset-7 { margin-left: 58.33333% !important; } #stacks_in_6902 .large-offset-8 { margin-left: 66.66667% !important; } #stacks_in_6902 .large-offset-9 { margin-left: 75% !important; } #stacks_in_6902 .large-offset-10 { margin-left: 83.33333% !important; } #stacks_in_6902 .large-offset-11 { margin-left: 91.66667% !important; } #stacks_in_6902 .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_6902 .column.large-centered, #stacks_in_6902 .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_6902 .column.large-uncentered, #stacks_in_6902 .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_6902 .column.large-centered:last-child, #stacks_in_6902 .columns.large-centered:last-child { float: none; } #stacks_in_6902 .column.large-uncentered:last-child, #stacks_in_6902 .columns.large-uncentered:last-child { float: left; } #stacks_in_6902 .column.large-uncentered.opposite, #stacks_in_6902 .columns.large-uncentered.opposite { float: right; } #stacks_in_6902 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6902 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6902 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6902 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6902 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6902 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6902 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6902 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6902 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6902 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6902 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6902 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6902 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6902 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6902 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6902 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6902 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6902 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6902 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6902 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6902 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6902 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6902 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6902 .pull-11 { position: relative; right: 91.66667%; left: auto; } } #stacks_in_6902 [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } #stacks_in_6902 [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } #stacks_in_6902 [class*="block-grid-"]:after { clear: both; } #stacks_in_6902 [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { #stacks_in_6902 .small-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_6902 .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_6902 .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_6902 .small-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_6902 .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_6902 .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_6902 .small-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_6902 .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_6902 .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_6902 .small-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_6902 .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_6902 .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_6902 .small-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_6902 .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_6902 .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_6902 .small-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_6902 .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_6902 .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_6902 .small-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_6902 .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_6902 .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_6902 .small-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_6902 .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_6902 .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_6902 .small-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_6902 .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_6902 .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_6902 .small-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_6902 .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_6902 .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_6902 .small-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_6902 .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_6902 .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_6902 .small-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_6902 .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_6902 .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { #stacks_in_6902 .medium-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_6902 .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_6902 .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_6902 .medium-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_6902 .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_6902 .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_6902 .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_6902 .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_6902 .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_6902 .medium-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_6902 .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_6902 .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_6902 .medium-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_6902 .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_6902 .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_6902 .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_6902 .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_6902 .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_6902 .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_6902 .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_6902 .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_6902 .medium-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_6902 .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_6902 .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_6902 .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_6902 .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_6902 .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_6902 .medium-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_6902 .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_6902 .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_6902 .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_6902 .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_6902 .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_6902 .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_6902 .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_6902 .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { #stacks_in_6902 .large-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_6902 .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_6902 .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_6902 .large-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_6902 .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_6902 .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_6902 .large-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_6902 .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_6902 .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_6902 .large-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_6902 .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_6902 .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_6902 .large-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_6902 .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_6902 .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_6902 .large-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_6902 .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_6902 .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_6902 .large-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_6902 .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_6902 .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_6902 .large-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_6902 .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_6902 .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_6902 .large-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_6902 .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_6902 .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_6902 .large-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_6902 .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_6902 .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_6902 .large-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_6902 .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_6902 .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_6902 .large-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_6902 .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_6902 .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } #stacks_in_6902 { background-color: rgba(204, 204, 204, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; margin: 0px 0px 10px 0px; padding: 0px 5px 0px 5px; } #stacks_in_6903 h3,#stacks_in_6903 h3 a,#stacks_in_6903 p,#stacks_in_6903 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_6903 h3,#stacks_in_6903 h3 a,#stacks_in_6903 p,#stacks_in_6903 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_6903 h3,#stacks_in_6903 h3 a,#stacks_in_6903 p,#stacks_in_6903 p a{ font-size:12px; } } #stacks_in_6903 h3,#stacks_in_6903 h3 a,#stacks_in_6903 p,#stacks_in_6903 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_6903 p a:hover, #stacks_in_6903 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_6903 { margin: 10px 10px 10px 20px; padding: 0px 5px 0px 5px; } #stacks_out_6903 { margin-right:0; } #stacks_in_6904 { font-size: 99%; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_6906, #stacks_in_6906 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_6906 { padding: 20px 0px !important; } #press_alignment_stacks_in_6906 { width: 100%; } #press_alignment_stacks_in_6906.press-left { text-align: left; } #press_alignment_stacks_in_6906.press-center { text-align: center; } #press_alignment_stacks_in_6906.press-right { text-align: right; } #stacks_in_6906 { transition: all 200ms ease; /* */ /* */ /* */ background: #4DCB61; background: -webkit-gradient(linear, left top, left bottom, from(to bottom), color-stop(#4DCB61), to(#16AB54)); background: linear-gradient(to bottom, #4DCB61, #16AB54); /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 10px 15px 10px 15px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_6906:hover { /* */ /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_6906:hover .press-icon i { /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_6906:active { /* */ /* */ /* */ /* */ } #stacks_in_6906:active .press-icon i { /* */ } #stacks_in_6906 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 10px 15px 10px 15px; border-radius: 0px 0px 0px 0px; /* */ /* */ /* */ background: #52A37C; background: -webkit-gradient(linear, left top, left bottom, from(to right), color-stop(#52A37C), to(#0D6634)); background: linear-gradient(to right, #52A37C, #0D6634); /* */ /* */ /* */ /* */ margin-right: 0px; /* */ /* */ /* */ } #stacks_in_6906 .press-icon i { font-size: 20px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_6906 .press-text { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; padding: 5px 10px 5px 10px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 16px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_6906 .press-text .out { margin: 0 !important; } #stacks_in_6906 { font-size: 12px; line-height: 16px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } /* ********* */ /* Normalize */ /* ********* */ /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ #stacks_in_6410 article, #stacks_in_6410 aside, #stacks_in_6410 details, #stacks_in_6410 figcaption, #stacks_in_6410 figure, #stacks_in_6410 footer, #stacks_in_6410 header, #stacks_in_6410 hgroup, #stacks_in_6410 main, #stacks_in_6410 nav, #stacks_in_6410 section, #stacks_in_6410 summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ #stacks_in_6410 audio, #stacks_in_6410 canvas, #stacks_in_6410 progress, #stacks_in_6410 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ #stacks_in_6410 audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ #stacks_in_6410 [hidden], #stacks_in_6410 template { display: none; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ #stacks_in_6410 img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ #stacks_in_6410 svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address differences between Firefox and other browsers. */ #stacks_in_6410 hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ #stacks_in_6410 pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ #stacks_in_6410 code, #stacks_in_6410 kbd, #stacks_in_6410 pre, #stacks_in_6410 samp { font-family: monospace, monospace; font-size: 1em; } /* **************** */ /* Stack Specific */ /* **************** */ #stacks_in_6410 *, #stacks_in_6410 *:before, #stacks_in_6410 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_6410 .wow { visibility: hidden; } /* We use this media query to add styles to any device that supports media queries */ @media only screen { #stacks_in_6410 .column_base_margin { margin-bottom: 0px; } } @media only screen and (max-width: 1024px) { #stacks_in_6410 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 768px wide. */ @media only screen and (max-width: 768px) { #stacks_in_6410 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 480px wide. */ @media only screen and (max-width: 640px) { #stacks_in_6410 .column_base_margin { margin-bottom: 0px; } } /* Handles making images responsive inside the stack */ #stacks_in_6410 img { max-width: 100%; height: auto; } /* **************** */ /* Foundation START */ /* **************** */ /* Copyright (c) 2013-2014 ZURB, inc. MIT License 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. */ #stacks_in_6410 meta.foundation-version { font-family: "/5.3.1/"; } #stacks_in_6410 meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } #stacks_in_6410 meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } #stacks_in_6410 meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } #stacks_in_6410 meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } #stacks_in_6410 meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } #stacks_in_6410 meta.foundation-data-attribute-namespace { font-family: false; } #stacks_in_6410 *, #stacks_in_6410 *:before, #stacks_in_6410 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_6410 .left { float: left !important; } #stacks_in_6410 .right { float: right !important; } #stacks_in_6410 .clearfix:before, #stacks_in_6410 .clearfix:after { content: " "; display: table; } #stacks_in_6410 .clearfix:after { clear: both; } #stacks_in_6410 .hide { display: none; } #stacks_in_6410 .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_6410 img { display: inline-block; vertical-align: middle; } #stacks_in_6410 textarea { height: auto; min-height: 50px; } #stacks_in_6410 select { width: 100%; } #stacks_in_6410 .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } #stacks_in_6410 .row:before, #stacks_in_6410 .row:after { content: " "; display: table; } #stacks_in_6410 .row:after { clear: both; } #stacks_in_6410 .row.collapse > .column, #stacks_in_6410 .row.collapse > .columns { padding-left: 0; padding-right: 0; } #stacks_in_6410 .row.collapse .row { margin-left: 0; margin-right: 0; } #stacks_in_6410 .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; } #stacks_in_6410 .row .row:before, #stacks_in_6410 .row .row:after { content: " "; display: table; } #stacks_in_6410 .row .row:after { clear: both; } #stacks_in_6410 .row .row.collapse { width: auto; margin: 0; max-width: none; } #stacks_in_6410 .row .row.collapse:before, #stacks_in_6410 .row .row.collapse:after { content: " "; display: table; } #stacks_in_6410 .row .row.collapse:after { clear: both; } #stacks_in_6410 .column, #stacks_in_6410 .columns { padding-left: 0.9375em; padding-right: 0.9375em; margin-right: 0; /* Fixes comaptiblity with some themes using skeleton.css */ margin-left: 0; /* Fixes comaptiblity with some themes using skeleton.css */ width: 100%; float: left; } #stacks_in_6410 [class*="column"] + [class*="column"]:last-child { float: right; } #stacks_in_6410 [class*="column"] + [class*="column"].end { float: left; } @media only screen { #stacks_in_6410 .small-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6410 .small-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6410 .small-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6410 .small-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6410 .small-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6410 .small-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6410 .small-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6410 .small-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6410 .small-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6410 .small-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6410 .small-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6410 .small-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6410 .small-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6410 .small-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6410 .small-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6410 .small-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6410 .small-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6410 .small-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6410 .small-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6410 .small-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6410 .small-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6410 .small-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6410 .small-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6410 .small-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_6410 .column, #stacks_in_6410 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_6410 .small-1 { width: 8.33333%; } #stacks_in_6410 .small-2 { width: 16.66667%; } #stacks_in_6410 .small-3 { width: 25%; } #stacks_in_6410 .small-4 { width: 33.33333%; } #stacks_in_6410 .small-5 { width: 41.66667%; } #stacks_in_6410 .small-6 { width: 50%; } #stacks_in_6410 .small-7 { width: 58.33333%; } #stacks_in_6410 .small-8 { width: 66.66667%; } #stacks_in_6410 .small-9 { width: 75%; } #stacks_in_6410 .small-10 { width: 83.33333%; } #stacks_in_6410 .small-11 { width: 91.66667%; } #stacks_in_6410 .small-12 { width: 100%; } #stacks_in_6410 .small-offset-0 { margin-left: 0% !important; } #stacks_in_6410 .small-offset-1 { margin-left: 8.33333% !important; } #stacks_in_6410 .small-offset-2 { margin-left: 16.66667% !important; } #stacks_in_6410 .small-offset-3 { margin-left: 25% !important; } #stacks_in_6410 .small-offset-4 { margin-left: 33.33333% !important; } #stacks_in_6410 .small-offset-5 { margin-left: 41.66667% !important; } #stacks_in_6410 .small-offset-6 { margin-left: 50% !important; } #stacks_in_6410 .small-offset-7 { margin-left: 58.33333% !important; } #stacks_in_6410 .small-offset-8 { margin-left: 66.66667% !important; } #stacks_in_6410 .small-offset-9 { margin-left: 75% !important; } #stacks_in_6410 .small-offset-10 { margin-left: 83.33333% !important; } #stacks_in_6410 .small-offset-11 { margin-left: 91.66667% !important; } #stacks_in_6410 .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_6410 .column.small-centered, #stacks_in_6410 .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_6410 .column.small-uncentered, #stacks_in_6410 .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_6410 .column.small-centered:last-child, #stacks_in_6410 .columns.small-centered:last-child { float: none; } #stacks_in_6410 .column.small-uncentered:last-child, #stacks_in_6410 .columns.small-uncentered:last-child { float: left; } #stacks_in_6410 .column.small-uncentered.opposite, #stacks_in_6410 .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 40.063em) { #stacks_in_6410 .medium-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6410 .medium-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6410 .medium-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6410 .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6410 .medium-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6410 .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6410 .medium-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6410 .medium-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6410 .medium-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6410 .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6410 .medium-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6410 .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6410 .medium-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6410 .medium-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6410 .medium-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6410 .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6410 .medium-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6410 .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6410 .medium-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6410 .medium-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6410 .medium-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6410 .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6410 .medium-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6410 .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_6410 .column, #stacks_in_6410 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_6410 .medium-1 { width: 8.33333%; } #stacks_in_6410 .medium-2 { width: 16.66667%; } #stacks_in_6410 .medium-3 { width: 25%; } #stacks_in_6410 .medium-4 { width: 33.33333%; } #stacks_in_6410 .medium-5 { width: 41.66667%; } #stacks_in_6410 .medium-6 { width: 50%; } #stacks_in_6410 .medium-7 { width: 58.33333%; } #stacks_in_6410 .medium-8 { width: 66.66667%; } #stacks_in_6410 .medium-9 { width: 75%; } #stacks_in_6410 .medium-10 { width: 83.33333%; } #stacks_in_6410 .medium-11 { width: 91.66667%; } #stacks_in_6410 .medium-12 { width: 100%; } #stacks_in_6410 .medium-offset-0 { margin-left: 0% !important; } #stacks_in_6410 .medium-offset-1 { margin-left: 8.33333% !important; } #stacks_in_6410 .medium-offset-2 { margin-left: 16.66667% !important; } #stacks_in_6410 .medium-offset-3 { margin-left: 25% !important; } #stacks_in_6410 .medium-offset-4 { margin-left: 33.33333% !important; } #stacks_in_6410 .medium-offset-5 { margin-left: 41.66667% !important; } #stacks_in_6410 .medium-offset-6 { margin-left: 50% !important; } #stacks_in_6410 .medium-offset-7 { margin-left: 58.33333% !important; } #stacks_in_6410 .medium-offset-8 { margin-left: 66.66667% !important; } #stacks_in_6410 .medium-offset-9 { margin-left: 75% !important; } #stacks_in_6410 .medium-offset-10 { margin-left: 83.33333% !important; } #stacks_in_6410 .medium-offset-11 { margin-left: 91.66667% !important; } #stacks_in_6410 .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_6410 .column.medium-centered, #stacks_in_6410 .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_6410 .column.medium-uncentered, #stacks_in_6410 .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_6410 .column.medium-centered:last-child, #stacks_in_6410 .columns.medium-centered:last-child { float: none; } #stacks_in_6410 .column.medium-uncentered:last-child, #stacks_in_6410 .columns.medium-uncentered:last-child { float: left; } #stacks_in_6410 .column.medium-uncentered.opposite, #stacks_in_6410 .columns.medium-uncentered.opposite { float: right; } #stacks_in_6410 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6410 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6410 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6410 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6410 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6410 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6410 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6410 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6410 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6410 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6410 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6410 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6410 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6410 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6410 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6410 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6410 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6410 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6410 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6410 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6410 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6410 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6410 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6410 .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { #stacks_in_6410 .large-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6410 .large-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6410 .large-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6410 .large-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6410 .large-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6410 .large-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6410 .large-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6410 .large-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6410 .large-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6410 .large-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6410 .large-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6410 .large-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6410 .large-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6410 .large-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6410 .large-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6410 .large-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6410 .large-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6410 .large-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6410 .large-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6410 .large-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6410 .large-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6410 .large-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6410 .large-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6410 .large-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_6410 .column, #stacks_in_6410 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_6410 .large-1 { width: 8.33333%; } #stacks_in_6410 .large-2 { width: 16.66667%; } #stacks_in_6410 .large-3 { width: 25%; } #stacks_in_6410 .large-4 { width: 33.33333%; } #stacks_in_6410 .large-5 { width: 41.66667%; } #stacks_in_6410 .large-6 { width: 50%; } #stacks_in_6410 .large-7 { width: 58.33333%; } #stacks_in_6410 .large-8 { width: 66.66667%; } #stacks_in_6410 .large-9 { width: 75%; } #stacks_in_6410 .large-10 { width: 83.33333%; } #stacks_in_6410 .large-11 { width: 91.66667%; } #stacks_in_6410 .large-12 { width: 100%; } #stacks_in_6410 .large-offset-0 { margin-left: 0% !important; } #stacks_in_6410 .large-offset-1 { margin-left: 8.33333% !important; } #stacks_in_6410 .large-offset-2 { margin-left: 16.66667% !important; } #stacks_in_6410 .large-offset-3 { margin-left: 25% !important; } #stacks_in_6410 .large-offset-4 { margin-left: 33.33333% !important; } #stacks_in_6410 .large-offset-5 { margin-left: 41.66667% !important; } #stacks_in_6410 .large-offset-6 { margin-left: 50% !important; } #stacks_in_6410 .large-offset-7 { margin-left: 58.33333% !important; } #stacks_in_6410 .large-offset-8 { margin-left: 66.66667% !important; } #stacks_in_6410 .large-offset-9 { margin-left: 75% !important; } #stacks_in_6410 .large-offset-10 { margin-left: 83.33333% !important; } #stacks_in_6410 .large-offset-11 { margin-left: 91.66667% !important; } #stacks_in_6410 .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_6410 .column.large-centered, #stacks_in_6410 .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_6410 .column.large-uncentered, #stacks_in_6410 .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_6410 .column.large-centered:last-child, #stacks_in_6410 .columns.large-centered:last-child { float: none; } #stacks_in_6410 .column.large-uncentered:last-child, #stacks_in_6410 .columns.large-uncentered:last-child { float: left; } #stacks_in_6410 .column.large-uncentered.opposite, #stacks_in_6410 .columns.large-uncentered.opposite { float: right; } #stacks_in_6410 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6410 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6410 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6410 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6410 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6410 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6410 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6410 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6410 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6410 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6410 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6410 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6410 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6410 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6410 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6410 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6410 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6410 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6410 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6410 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6410 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6410 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6410 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6410 .pull-11 { position: relative; right: 91.66667%; left: auto; } } #stacks_in_6410 [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } #stacks_in_6410 [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } #stacks_in_6410 [class*="block-grid-"]:after { clear: both; } #stacks_in_6410 [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { #stacks_in_6410 .small-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_6410 .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_6410 .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_6410 .small-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_6410 .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_6410 .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_6410 .small-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_6410 .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_6410 .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_6410 .small-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_6410 .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_6410 .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_6410 .small-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_6410 .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_6410 .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_6410 .small-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_6410 .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_6410 .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_6410 .small-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_6410 .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_6410 .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_6410 .small-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_6410 .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_6410 .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_6410 .small-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_6410 .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_6410 .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_6410 .small-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_6410 .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_6410 .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_6410 .small-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_6410 .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_6410 .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_6410 .small-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_6410 .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_6410 .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { #stacks_in_6410 .medium-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_6410 .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_6410 .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_6410 .medium-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_6410 .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_6410 .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_6410 .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_6410 .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_6410 .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_6410 .medium-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_6410 .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_6410 .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_6410 .medium-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_6410 .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_6410 .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_6410 .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_6410 .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_6410 .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_6410 .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_6410 .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_6410 .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_6410 .medium-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_6410 .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_6410 .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_6410 .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_6410 .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_6410 .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_6410 .medium-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_6410 .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_6410 .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_6410 .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_6410 .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_6410 .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_6410 .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_6410 .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_6410 .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { #stacks_in_6410 .large-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_6410 .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_6410 .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_6410 .large-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_6410 .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_6410 .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_6410 .large-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_6410 .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_6410 .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_6410 .large-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_6410 .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_6410 .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_6410 .large-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_6410 .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_6410 .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_6410 .large-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_6410 .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_6410 .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_6410 .large-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_6410 .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_6410 .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_6410 .large-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_6410 .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_6410 .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_6410 .large-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_6410 .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_6410 .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_6410 .large-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_6410 .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_6410 .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_6410 .large-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_6410 .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_6410 .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_6410 .large-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_6410 .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_6410 .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } #stacks_in_6410 { background-color: rgba(204, 204, 204, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; margin: 0px 0px 10px 0px; padding: 0px 5px 0px 5px; } #stacks_in_6471 h3,#stacks_in_6471 h3 a,#stacks_in_6471 p,#stacks_in_6471 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_6471 h3,#stacks_in_6471 h3 a,#stacks_in_6471 p,#stacks_in_6471 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_6471 h3,#stacks_in_6471 h3 a,#stacks_in_6471 p,#stacks_in_6471 p a{ font-size:12px; } } #stacks_in_6471 h3,#stacks_in_6471 h3 a,#stacks_in_6471 p,#stacks_in_6471 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_6471 p a:hover, #stacks_in_6471 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_6471 { margin: 10px 0px 10px 20px; padding: 0px 5px 0px 5px; } #stacks_out_6471 { margin-right:0; } #stacks_in_6472 { font-size: 99%; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_6751, #stacks_in_6751 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_6751 { padding: 20px 0px !important; } #press_alignment_stacks_in_6751 { width: 100%; } #press_alignment_stacks_in_6751.press-left { text-align: left; } #press_alignment_stacks_in_6751.press-center { text-align: center; } #press_alignment_stacks_in_6751.press-right { text-align: right; } #stacks_in_6751 { transition: all 200ms ease; /* */ /* */ /* */ background: #4DCB61; background: -webkit-gradient(linear, left top, left bottom, from(to bottom), color-stop(#4DCB61), to(#16AB54)); background: linear-gradient(to bottom, #4DCB61, #16AB54); /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 10px 15px 10px 15px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_6751:hover { /* */ /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_6751:hover .press-icon i { /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_6751:active { /* */ /* */ /* */ /* */ } #stacks_in_6751:active .press-icon i { /* */ } #stacks_in_6751 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 10px 15px 10px 15px; border-radius: 0px 0px 0px 0px; /* */ /* */ /* */ background: #52A37C; background: -webkit-gradient(linear, left top, left bottom, from(to right), color-stop(#52A37C), to(#0D6634)); background: linear-gradient(to right, #52A37C, #0D6634); /* */ /* */ /* */ /* */ margin-right: 0px; /* */ /* */ /* */ } #stacks_in_6751 .press-icon i { font-size: 20px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_6751 .press-text { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; padding: 5px 10px 5px 10px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 16px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_6751 .press-text .out { margin: 0 !important; } #stacks_in_6751 { font-size: 12px; line-height: 16px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } /* ********* */ /* Normalize */ /* ********* */ /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ #stacks_in_9202 article, #stacks_in_9202 aside, #stacks_in_9202 details, #stacks_in_9202 figcaption, #stacks_in_9202 figure, #stacks_in_9202 footer, #stacks_in_9202 header, #stacks_in_9202 hgroup, #stacks_in_9202 main, #stacks_in_9202 nav, #stacks_in_9202 section, #stacks_in_9202 summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ #stacks_in_9202 audio, #stacks_in_9202 canvas, #stacks_in_9202 progress, #stacks_in_9202 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ #stacks_in_9202 audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ #stacks_in_9202 [hidden], #stacks_in_9202 template { display: none; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ #stacks_in_9202 img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ #stacks_in_9202 svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address differences between Firefox and other browsers. */ #stacks_in_9202 hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ #stacks_in_9202 pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ #stacks_in_9202 code, #stacks_in_9202 kbd, #stacks_in_9202 pre, #stacks_in_9202 samp { font-family: monospace, monospace; font-size: 1em; } /* **************** */ /* Stack Specific */ /* **************** */ #stacks_in_9202 *, #stacks_in_9202 *:before, #stacks_in_9202 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_9202 .wow { visibility: hidden; } /* We use this media query to add styles to any device that supports media queries */ @media only screen { #stacks_in_9202 .column_base_margin { margin-bottom: 0px; } } @media only screen and (max-width: 1024px) { #stacks_in_9202 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 768px wide. */ @media only screen and (max-width: 768px) { #stacks_in_9202 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 480px wide. */ @media only screen and (max-width: 640px) { #stacks_in_9202 .column_base_margin { margin-bottom: 0px; } } /* Handles making images responsive inside the stack */ #stacks_in_9202 img { max-width: 100%; height: auto; } /* **************** */ /* Foundation START */ /* **************** */ /* Copyright (c) 2013-2014 ZURB, inc. MIT License 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. */ #stacks_in_9202 meta.foundation-version { font-family: "/5.3.1/"; } #stacks_in_9202 meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } #stacks_in_9202 meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } #stacks_in_9202 meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } #stacks_in_9202 meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } #stacks_in_9202 meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } #stacks_in_9202 meta.foundation-data-attribute-namespace { font-family: false; } #stacks_in_9202 *, #stacks_in_9202 *:before, #stacks_in_9202 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_9202 .left { float: left !important; } #stacks_in_9202 .right { float: right !important; } #stacks_in_9202 .clearfix:before, #stacks_in_9202 .clearfix:after { content: " "; display: table; } #stacks_in_9202 .clearfix:after { clear: both; } #stacks_in_9202 .hide { display: none; } #stacks_in_9202 .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_9202 img { display: inline-block; vertical-align: middle; } #stacks_in_9202 textarea { height: auto; min-height: 50px; } #stacks_in_9202 select { width: 100%; } #stacks_in_9202 .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } #stacks_in_9202 .row:before, #stacks_in_9202 .row:after { content: " "; display: table; } #stacks_in_9202 .row:after { clear: both; } #stacks_in_9202 .row.collapse > .column, #stacks_in_9202 .row.collapse > .columns { padding-left: 0; padding-right: 0; } #stacks_in_9202 .row.collapse .row { margin-left: 0; margin-right: 0; } #stacks_in_9202 .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; } #stacks_in_9202 .row .row:before, #stacks_in_9202 .row .row:after { content: " "; display: table; } #stacks_in_9202 .row .row:after { clear: both; } #stacks_in_9202 .row .row.collapse { width: auto; margin: 0; max-width: none; } #stacks_in_9202 .row .row.collapse:before, #stacks_in_9202 .row .row.collapse:after { content: " "; display: table; } #stacks_in_9202 .row .row.collapse:after { clear: both; } #stacks_in_9202 .column, #stacks_in_9202 .columns { padding-left: 0.9375em; padding-right: 0.9375em; margin-right: 0; /* Fixes comaptiblity with some themes using skeleton.css */ margin-left: 0; /* Fixes comaptiblity with some themes using skeleton.css */ width: 100%; float: left; } #stacks_in_9202 [class*="column"] + [class*="column"]:last-child { float: right; } #stacks_in_9202 [class*="column"] + [class*="column"].end { float: left; } @media only screen { #stacks_in_9202 .small-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9202 .small-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9202 .small-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9202 .small-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9202 .small-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9202 .small-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9202 .small-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9202 .small-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9202 .small-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9202 .small-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9202 .small-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9202 .small-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9202 .small-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9202 .small-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9202 .small-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9202 .small-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9202 .small-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9202 .small-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9202 .small-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9202 .small-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9202 .small-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9202 .small-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9202 .small-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9202 .small-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_9202 .column, #stacks_in_9202 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_9202 .small-1 { width: 8.33333%; } #stacks_in_9202 .small-2 { width: 16.66667%; } #stacks_in_9202 .small-3 { width: 25%; } #stacks_in_9202 .small-4 { width: 33.33333%; } #stacks_in_9202 .small-5 { width: 41.66667%; } #stacks_in_9202 .small-6 { width: 50%; } #stacks_in_9202 .small-7 { width: 58.33333%; } #stacks_in_9202 .small-8 { width: 66.66667%; } #stacks_in_9202 .small-9 { width: 75%; } #stacks_in_9202 .small-10 { width: 83.33333%; } #stacks_in_9202 .small-11 { width: 91.66667%; } #stacks_in_9202 .small-12 { width: 100%; } #stacks_in_9202 .small-offset-0 { margin-left: 0% !important; } #stacks_in_9202 .small-offset-1 { margin-left: 8.33333% !important; } #stacks_in_9202 .small-offset-2 { margin-left: 16.66667% !important; } #stacks_in_9202 .small-offset-3 { margin-left: 25% !important; } #stacks_in_9202 .small-offset-4 { margin-left: 33.33333% !important; } #stacks_in_9202 .small-offset-5 { margin-left: 41.66667% !important; } #stacks_in_9202 .small-offset-6 { margin-left: 50% !important; } #stacks_in_9202 .small-offset-7 { margin-left: 58.33333% !important; } #stacks_in_9202 .small-offset-8 { margin-left: 66.66667% !important; } #stacks_in_9202 .small-offset-9 { margin-left: 75% !important; } #stacks_in_9202 .small-offset-10 { margin-left: 83.33333% !important; } #stacks_in_9202 .small-offset-11 { margin-left: 91.66667% !important; } #stacks_in_9202 .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_9202 .column.small-centered, #stacks_in_9202 .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_9202 .column.small-uncentered, #stacks_in_9202 .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_9202 .column.small-centered:last-child, #stacks_in_9202 .columns.small-centered:last-child { float: none; } #stacks_in_9202 .column.small-uncentered:last-child, #stacks_in_9202 .columns.small-uncentered:last-child { float: left; } #stacks_in_9202 .column.small-uncentered.opposite, #stacks_in_9202 .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 40.063em) { #stacks_in_9202 .medium-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9202 .medium-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9202 .medium-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9202 .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9202 .medium-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9202 .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9202 .medium-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9202 .medium-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9202 .medium-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9202 .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9202 .medium-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9202 .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9202 .medium-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9202 .medium-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9202 .medium-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9202 .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9202 .medium-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9202 .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9202 .medium-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9202 .medium-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9202 .medium-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9202 .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9202 .medium-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9202 .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_9202 .column, #stacks_in_9202 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_9202 .medium-1 { width: 8.33333%; } #stacks_in_9202 .medium-2 { width: 16.66667%; } #stacks_in_9202 .medium-3 { width: 25%; } #stacks_in_9202 .medium-4 { width: 33.33333%; } #stacks_in_9202 .medium-5 { width: 41.66667%; } #stacks_in_9202 .medium-6 { width: 50%; } #stacks_in_9202 .medium-7 { width: 58.33333%; } #stacks_in_9202 .medium-8 { width: 66.66667%; } #stacks_in_9202 .medium-9 { width: 75%; } #stacks_in_9202 .medium-10 { width: 83.33333%; } #stacks_in_9202 .medium-11 { width: 91.66667%; } #stacks_in_9202 .medium-12 { width: 100%; } #stacks_in_9202 .medium-offset-0 { margin-left: 0% !important; } #stacks_in_9202 .medium-offset-1 { margin-left: 8.33333% !important; } #stacks_in_9202 .medium-offset-2 { margin-left: 16.66667% !important; } #stacks_in_9202 .medium-offset-3 { margin-left: 25% !important; } #stacks_in_9202 .medium-offset-4 { margin-left: 33.33333% !important; } #stacks_in_9202 .medium-offset-5 { margin-left: 41.66667% !important; } #stacks_in_9202 .medium-offset-6 { margin-left: 50% !important; } #stacks_in_9202 .medium-offset-7 { margin-left: 58.33333% !important; } #stacks_in_9202 .medium-offset-8 { margin-left: 66.66667% !important; } #stacks_in_9202 .medium-offset-9 { margin-left: 75% !important; } #stacks_in_9202 .medium-offset-10 { margin-left: 83.33333% !important; } #stacks_in_9202 .medium-offset-11 { margin-left: 91.66667% !important; } #stacks_in_9202 .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_9202 .column.medium-centered, #stacks_in_9202 .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_9202 .column.medium-uncentered, #stacks_in_9202 .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_9202 .column.medium-centered:last-child, #stacks_in_9202 .columns.medium-centered:last-child { float: none; } #stacks_in_9202 .column.medium-uncentered:last-child, #stacks_in_9202 .columns.medium-uncentered:last-child { float: left; } #stacks_in_9202 .column.medium-uncentered.opposite, #stacks_in_9202 .columns.medium-uncentered.opposite { float: right; } #stacks_in_9202 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9202 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9202 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9202 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9202 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9202 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9202 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9202 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9202 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9202 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9202 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9202 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9202 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9202 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9202 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9202 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9202 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9202 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9202 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9202 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9202 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9202 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9202 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9202 .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { #stacks_in_9202 .large-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9202 .large-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9202 .large-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9202 .large-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9202 .large-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9202 .large-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9202 .large-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9202 .large-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9202 .large-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9202 .large-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9202 .large-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9202 .large-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9202 .large-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9202 .large-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9202 .large-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9202 .large-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9202 .large-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9202 .large-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9202 .large-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9202 .large-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9202 .large-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9202 .large-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9202 .large-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9202 .large-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_9202 .column, #stacks_in_9202 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_9202 .large-1 { width: 8.33333%; } #stacks_in_9202 .large-2 { width: 16.66667%; } #stacks_in_9202 .large-3 { width: 25%; } #stacks_in_9202 .large-4 { width: 33.33333%; } #stacks_in_9202 .large-5 { width: 41.66667%; } #stacks_in_9202 .large-6 { width: 50%; } #stacks_in_9202 .large-7 { width: 58.33333%; } #stacks_in_9202 .large-8 { width: 66.66667%; } #stacks_in_9202 .large-9 { width: 75%; } #stacks_in_9202 .large-10 { width: 83.33333%; } #stacks_in_9202 .large-11 { width: 91.66667%; } #stacks_in_9202 .large-12 { width: 100%; } #stacks_in_9202 .large-offset-0 { margin-left: 0% !important; } #stacks_in_9202 .large-offset-1 { margin-left: 8.33333% !important; } #stacks_in_9202 .large-offset-2 { margin-left: 16.66667% !important; } #stacks_in_9202 .large-offset-3 { margin-left: 25% !important; } #stacks_in_9202 .large-offset-4 { margin-left: 33.33333% !important; } #stacks_in_9202 .large-offset-5 { margin-left: 41.66667% !important; } #stacks_in_9202 .large-offset-6 { margin-left: 50% !important; } #stacks_in_9202 .large-offset-7 { margin-left: 58.33333% !important; } #stacks_in_9202 .large-offset-8 { margin-left: 66.66667% !important; } #stacks_in_9202 .large-offset-9 { margin-left: 75% !important; } #stacks_in_9202 .large-offset-10 { margin-left: 83.33333% !important; } #stacks_in_9202 .large-offset-11 { margin-left: 91.66667% !important; } #stacks_in_9202 .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_9202 .column.large-centered, #stacks_in_9202 .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_9202 .column.large-uncentered, #stacks_in_9202 .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_9202 .column.large-centered:last-child, #stacks_in_9202 .columns.large-centered:last-child { float: none; } #stacks_in_9202 .column.large-uncentered:last-child, #stacks_in_9202 .columns.large-uncentered:last-child { float: left; } #stacks_in_9202 .column.large-uncentered.opposite, #stacks_in_9202 .columns.large-uncentered.opposite { float: right; } #stacks_in_9202 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9202 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9202 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9202 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9202 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9202 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9202 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9202 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9202 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9202 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9202 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9202 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9202 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9202 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9202 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9202 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9202 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9202 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9202 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9202 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9202 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9202 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9202 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9202 .pull-11 { position: relative; right: 91.66667%; left: auto; } } #stacks_in_9202 [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } #stacks_in_9202 [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } #stacks_in_9202 [class*="block-grid-"]:after { clear: both; } #stacks_in_9202 [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { #stacks_in_9202 .small-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_9202 .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_9202 .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_9202 .small-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_9202 .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_9202 .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_9202 .small-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_9202 .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_9202 .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_9202 .small-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_9202 .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_9202 .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_9202 .small-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_9202 .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_9202 .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_9202 .small-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_9202 .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_9202 .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_9202 .small-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_9202 .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_9202 .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_9202 .small-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_9202 .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_9202 .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_9202 .small-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_9202 .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_9202 .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_9202 .small-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_9202 .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_9202 .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_9202 .small-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_9202 .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_9202 .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_9202 .small-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_9202 .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_9202 .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { #stacks_in_9202 .medium-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_9202 .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_9202 .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_9202 .medium-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_9202 .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_9202 .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_9202 .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_9202 .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_9202 .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_9202 .medium-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_9202 .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_9202 .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_9202 .medium-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_9202 .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_9202 .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_9202 .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_9202 .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_9202 .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_9202 .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_9202 .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_9202 .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_9202 .medium-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_9202 .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_9202 .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_9202 .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_9202 .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_9202 .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_9202 .medium-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_9202 .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_9202 .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_9202 .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_9202 .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_9202 .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_9202 .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_9202 .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_9202 .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { #stacks_in_9202 .large-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_9202 .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_9202 .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_9202 .large-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_9202 .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_9202 .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_9202 .large-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_9202 .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_9202 .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_9202 .large-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_9202 .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_9202 .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_9202 .large-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_9202 .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_9202 .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_9202 .large-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_9202 .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_9202 .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_9202 .large-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_9202 .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_9202 .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_9202 .large-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_9202 .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_9202 .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_9202 .large-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_9202 .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_9202 .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_9202 .large-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_9202 .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_9202 .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_9202 .large-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_9202 .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_9202 .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_9202 .large-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_9202 .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_9202 .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } #stacks_in_9202 { background-color: rgba(204, 204, 204, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; margin: 0px 0px 10px 0px; padding: 0px 5px 0px 5px; } #stacks_in_9203 h3,#stacks_in_9203 h3 a,#stacks_in_9203 p,#stacks_in_9203 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_9203 h3,#stacks_in_9203 h3 a,#stacks_in_9203 p,#stacks_in_9203 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_9203 h3,#stacks_in_9203 h3 a,#stacks_in_9203 p,#stacks_in_9203 p a{ font-size:12px; } } #stacks_in_9203 h3,#stacks_in_9203 h3 a,#stacks_in_9203 p,#stacks_in_9203 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_9203 p a:hover, #stacks_in_9203 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_9203 { margin: 10px 0px 10px 20px; padding: 0px 5px 0px 5px; } #stacks_out_9203 { margin-right:0; } #stacks_in_9204 { font-size: 99%; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_9206, #stacks_in_9206 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_9206 { padding: 20px 0px !important; } #press_alignment_stacks_in_9206 { width: 100%; } #press_alignment_stacks_in_9206.press-left { text-align: left; } #press_alignment_stacks_in_9206.press-center { text-align: center; } #press_alignment_stacks_in_9206.press-right { text-align: right; } #stacks_in_9206 { transition: all 200ms ease; /* */ /* */ /* */ background: #4DCB61; background: -webkit-gradient(linear, left top, left bottom, from(to bottom), color-stop(#4DCB61), to(#16AB54)); background: linear-gradient(to bottom, #4DCB61, #16AB54); /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 10px 15px 10px 15px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_9206:hover { /* */ /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_9206:hover .press-icon i { /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_9206:active { /* */ /* */ /* */ /* */ } #stacks_in_9206:active .press-icon i { /* */ } #stacks_in_9206 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 10px 15px 10px 15px; border-radius: 0px 0px 0px 0px; /* */ /* */ /* */ background: #52A37C; background: -webkit-gradient(linear, left top, left bottom, from(to right), color-stop(#52A37C), to(#0D6634)); background: linear-gradient(to right, #52A37C, #0D6634); /* */ /* */ /* */ /* */ margin-right: 0px; /* */ /* */ /* */ } #stacks_in_9206 .press-icon i { font-size: 20px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_9206 .press-text { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; padding: 5px 10px 5px 10px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 16px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_9206 .press-text .out { margin: 0 !important; } #stacks_in_9206 { font-size: 12px; line-height: 16px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } /* ********* */ /* Normalize */ /* ********* */ /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ #stacks_in_9209 article, #stacks_in_9209 aside, #stacks_in_9209 details, #stacks_in_9209 figcaption, #stacks_in_9209 figure, #stacks_in_9209 footer, #stacks_in_9209 header, #stacks_in_9209 hgroup, #stacks_in_9209 main, #stacks_in_9209 nav, #stacks_in_9209 section, #stacks_in_9209 summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ #stacks_in_9209 audio, #stacks_in_9209 canvas, #stacks_in_9209 progress, #stacks_in_9209 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ #stacks_in_9209 audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ #stacks_in_9209 [hidden], #stacks_in_9209 template { display: none; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ #stacks_in_9209 img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ #stacks_in_9209 svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address differences between Firefox and other browsers. */ #stacks_in_9209 hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ #stacks_in_9209 pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ #stacks_in_9209 code, #stacks_in_9209 kbd, #stacks_in_9209 pre, #stacks_in_9209 samp { font-family: monospace, monospace; font-size: 1em; } /* **************** */ /* Stack Specific */ /* **************** */ #stacks_in_9209 *, #stacks_in_9209 *:before, #stacks_in_9209 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_9209 .wow { visibility: hidden; } /* We use this media query to add styles to any device that supports media queries */ @media only screen { #stacks_in_9209 .column_base_margin { margin-bottom: 0px; } } @media only screen and (max-width: 1024px) { #stacks_in_9209 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 768px wide. */ @media only screen and (max-width: 768px) { #stacks_in_9209 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 480px wide. */ @media only screen and (max-width: 640px) { #stacks_in_9209 .column_base_margin { margin-bottom: 0px; } } /* Handles making images responsive inside the stack */ #stacks_in_9209 img { max-width: 100%; height: auto; } /* **************** */ /* Foundation START */ /* **************** */ /* Copyright (c) 2013-2014 ZURB, inc. MIT License 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. */ #stacks_in_9209 meta.foundation-version { font-family: "/5.3.1/"; } #stacks_in_9209 meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } #stacks_in_9209 meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } #stacks_in_9209 meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } #stacks_in_9209 meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } #stacks_in_9209 meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } #stacks_in_9209 meta.foundation-data-attribute-namespace { font-family: false; } #stacks_in_9209 *, #stacks_in_9209 *:before, #stacks_in_9209 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_9209 .left { float: left !important; } #stacks_in_9209 .right { float: right !important; } #stacks_in_9209 .clearfix:before, #stacks_in_9209 .clearfix:after { content: " "; display: table; } #stacks_in_9209 .clearfix:after { clear: both; } #stacks_in_9209 .hide { display: none; } #stacks_in_9209 .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_9209 img { display: inline-block; vertical-align: middle; } #stacks_in_9209 textarea { height: auto; min-height: 50px; } #stacks_in_9209 select { width: 100%; } #stacks_in_9209 .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } #stacks_in_9209 .row:before, #stacks_in_9209 .row:after { content: " "; display: table; } #stacks_in_9209 .row:after { clear: both; } #stacks_in_9209 .row.collapse > .column, #stacks_in_9209 .row.collapse > .columns { padding-left: 0; padding-right: 0; } #stacks_in_9209 .row.collapse .row { margin-left: 0; margin-right: 0; } #stacks_in_9209 .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; } #stacks_in_9209 .row .row:before, #stacks_in_9209 .row .row:after { content: " "; display: table; } #stacks_in_9209 .row .row:after { clear: both; } #stacks_in_9209 .row .row.collapse { width: auto; margin: 0; max-width: none; } #stacks_in_9209 .row .row.collapse:before, #stacks_in_9209 .row .row.collapse:after { content: " "; display: table; } #stacks_in_9209 .row .row.collapse:after { clear: both; } #stacks_in_9209 .column, #stacks_in_9209 .columns { padding-left: 0.9375em; padding-right: 0.9375em; margin-right: 0; /* Fixes comaptiblity with some themes using skeleton.css */ margin-left: 0; /* Fixes comaptiblity with some themes using skeleton.css */ width: 100%; float: left; } #stacks_in_9209 [class*="column"] + [class*="column"]:last-child { float: right; } #stacks_in_9209 [class*="column"] + [class*="column"].end { float: left; } @media only screen { #stacks_in_9209 .small-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9209 .small-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9209 .small-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9209 .small-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9209 .small-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9209 .small-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9209 .small-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9209 .small-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9209 .small-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9209 .small-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9209 .small-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9209 .small-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9209 .small-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9209 .small-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9209 .small-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9209 .small-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9209 .small-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9209 .small-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9209 .small-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9209 .small-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9209 .small-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9209 .small-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9209 .small-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9209 .small-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_9209 .column, #stacks_in_9209 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_9209 .small-1 { width: 8.33333%; } #stacks_in_9209 .small-2 { width: 16.66667%; } #stacks_in_9209 .small-3 { width: 25%; } #stacks_in_9209 .small-4 { width: 33.33333%; } #stacks_in_9209 .small-5 { width: 41.66667%; } #stacks_in_9209 .small-6 { width: 50%; } #stacks_in_9209 .small-7 { width: 58.33333%; } #stacks_in_9209 .small-8 { width: 66.66667%; } #stacks_in_9209 .small-9 { width: 75%; } #stacks_in_9209 .small-10 { width: 83.33333%; } #stacks_in_9209 .small-11 { width: 91.66667%; } #stacks_in_9209 .small-12 { width: 100%; } #stacks_in_9209 .small-offset-0 { margin-left: 0% !important; } #stacks_in_9209 .small-offset-1 { margin-left: 8.33333% !important; } #stacks_in_9209 .small-offset-2 { margin-left: 16.66667% !important; } #stacks_in_9209 .small-offset-3 { margin-left: 25% !important; } #stacks_in_9209 .small-offset-4 { margin-left: 33.33333% !important; } #stacks_in_9209 .small-offset-5 { margin-left: 41.66667% !important; } #stacks_in_9209 .small-offset-6 { margin-left: 50% !important; } #stacks_in_9209 .small-offset-7 { margin-left: 58.33333% !important; } #stacks_in_9209 .small-offset-8 { margin-left: 66.66667% !important; } #stacks_in_9209 .small-offset-9 { margin-left: 75% !important; } #stacks_in_9209 .small-offset-10 { margin-left: 83.33333% !important; } #stacks_in_9209 .small-offset-11 { margin-left: 91.66667% !important; } #stacks_in_9209 .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_9209 .column.small-centered, #stacks_in_9209 .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_9209 .column.small-uncentered, #stacks_in_9209 .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_9209 .column.small-centered:last-child, #stacks_in_9209 .columns.small-centered:last-child { float: none; } #stacks_in_9209 .column.small-uncentered:last-child, #stacks_in_9209 .columns.small-uncentered:last-child { float: left; } #stacks_in_9209 .column.small-uncentered.opposite, #stacks_in_9209 .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 40.063em) { #stacks_in_9209 .medium-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9209 .medium-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9209 .medium-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9209 .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9209 .medium-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9209 .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9209 .medium-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9209 .medium-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9209 .medium-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9209 .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9209 .medium-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9209 .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9209 .medium-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9209 .medium-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9209 .medium-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9209 .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9209 .medium-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9209 .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9209 .medium-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9209 .medium-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9209 .medium-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9209 .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9209 .medium-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9209 .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_9209 .column, #stacks_in_9209 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_9209 .medium-1 { width: 8.33333%; } #stacks_in_9209 .medium-2 { width: 16.66667%; } #stacks_in_9209 .medium-3 { width: 25%; } #stacks_in_9209 .medium-4 { width: 33.33333%; } #stacks_in_9209 .medium-5 { width: 41.66667%; } #stacks_in_9209 .medium-6 { width: 50%; } #stacks_in_9209 .medium-7 { width: 58.33333%; } #stacks_in_9209 .medium-8 { width: 66.66667%; } #stacks_in_9209 .medium-9 { width: 75%; } #stacks_in_9209 .medium-10 { width: 83.33333%; } #stacks_in_9209 .medium-11 { width: 91.66667%; } #stacks_in_9209 .medium-12 { width: 100%; } #stacks_in_9209 .medium-offset-0 { margin-left: 0% !important; } #stacks_in_9209 .medium-offset-1 { margin-left: 8.33333% !important; } #stacks_in_9209 .medium-offset-2 { margin-left: 16.66667% !important; } #stacks_in_9209 .medium-offset-3 { margin-left: 25% !important; } #stacks_in_9209 .medium-offset-4 { margin-left: 33.33333% !important; } #stacks_in_9209 .medium-offset-5 { margin-left: 41.66667% !important; } #stacks_in_9209 .medium-offset-6 { margin-left: 50% !important; } #stacks_in_9209 .medium-offset-7 { margin-left: 58.33333% !important; } #stacks_in_9209 .medium-offset-8 { margin-left: 66.66667% !important; } #stacks_in_9209 .medium-offset-9 { margin-left: 75% !important; } #stacks_in_9209 .medium-offset-10 { margin-left: 83.33333% !important; } #stacks_in_9209 .medium-offset-11 { margin-left: 91.66667% !important; } #stacks_in_9209 .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_9209 .column.medium-centered, #stacks_in_9209 .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_9209 .column.medium-uncentered, #stacks_in_9209 .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_9209 .column.medium-centered:last-child, #stacks_in_9209 .columns.medium-centered:last-child { float: none; } #stacks_in_9209 .column.medium-uncentered:last-child, #stacks_in_9209 .columns.medium-uncentered:last-child { float: left; } #stacks_in_9209 .column.medium-uncentered.opposite, #stacks_in_9209 .columns.medium-uncentered.opposite { float: right; } #stacks_in_9209 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9209 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9209 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9209 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9209 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9209 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9209 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9209 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9209 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9209 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9209 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9209 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9209 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9209 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9209 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9209 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9209 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9209 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9209 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9209 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9209 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9209 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9209 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9209 .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { #stacks_in_9209 .large-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9209 .large-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9209 .large-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9209 .large-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9209 .large-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9209 .large-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9209 .large-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9209 .large-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9209 .large-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9209 .large-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9209 .large-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9209 .large-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9209 .large-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9209 .large-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9209 .large-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9209 .large-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9209 .large-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9209 .large-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9209 .large-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9209 .large-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9209 .large-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9209 .large-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9209 .large-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9209 .large-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_9209 .column, #stacks_in_9209 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_9209 .large-1 { width: 8.33333%; } #stacks_in_9209 .large-2 { width: 16.66667%; } #stacks_in_9209 .large-3 { width: 25%; } #stacks_in_9209 .large-4 { width: 33.33333%; } #stacks_in_9209 .large-5 { width: 41.66667%; } #stacks_in_9209 .large-6 { width: 50%; } #stacks_in_9209 .large-7 { width: 58.33333%; } #stacks_in_9209 .large-8 { width: 66.66667%; } #stacks_in_9209 .large-9 { width: 75%; } #stacks_in_9209 .large-10 { width: 83.33333%; } #stacks_in_9209 .large-11 { width: 91.66667%; } #stacks_in_9209 .large-12 { width: 100%; } #stacks_in_9209 .large-offset-0 { margin-left: 0% !important; } #stacks_in_9209 .large-offset-1 { margin-left: 8.33333% !important; } #stacks_in_9209 .large-offset-2 { margin-left: 16.66667% !important; } #stacks_in_9209 .large-offset-3 { margin-left: 25% !important; } #stacks_in_9209 .large-offset-4 { margin-left: 33.33333% !important; } #stacks_in_9209 .large-offset-5 { margin-left: 41.66667% !important; } #stacks_in_9209 .large-offset-6 { margin-left: 50% !important; } #stacks_in_9209 .large-offset-7 { margin-left: 58.33333% !important; } #stacks_in_9209 .large-offset-8 { margin-left: 66.66667% !important; } #stacks_in_9209 .large-offset-9 { margin-left: 75% !important; } #stacks_in_9209 .large-offset-10 { margin-left: 83.33333% !important; } #stacks_in_9209 .large-offset-11 { margin-left: 91.66667% !important; } #stacks_in_9209 .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_9209 .column.large-centered, #stacks_in_9209 .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_9209 .column.large-uncentered, #stacks_in_9209 .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_9209 .column.large-centered:last-child, #stacks_in_9209 .columns.large-centered:last-child { float: none; } #stacks_in_9209 .column.large-uncentered:last-child, #stacks_in_9209 .columns.large-uncentered:last-child { float: left; } #stacks_in_9209 .column.large-uncentered.opposite, #stacks_in_9209 .columns.large-uncentered.opposite { float: right; } #stacks_in_9209 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9209 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9209 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9209 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9209 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9209 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9209 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9209 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9209 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9209 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9209 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9209 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9209 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9209 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9209 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9209 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9209 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9209 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9209 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9209 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9209 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9209 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9209 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9209 .pull-11 { position: relative; right: 91.66667%; left: auto; } } #stacks_in_9209 [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } #stacks_in_9209 [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } #stacks_in_9209 [class*="block-grid-"]:after { clear: both; } #stacks_in_9209 [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { #stacks_in_9209 .small-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_9209 .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_9209 .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_9209 .small-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_9209 .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_9209 .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_9209 .small-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_9209 .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_9209 .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_9209 .small-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_9209 .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_9209 .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_9209 .small-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_9209 .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_9209 .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_9209 .small-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_9209 .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_9209 .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_9209 .small-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_9209 .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_9209 .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_9209 .small-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_9209 .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_9209 .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_9209 .small-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_9209 .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_9209 .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_9209 .small-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_9209 .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_9209 .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_9209 .small-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_9209 .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_9209 .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_9209 .small-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_9209 .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_9209 .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { #stacks_in_9209 .medium-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_9209 .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_9209 .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_9209 .medium-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_9209 .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_9209 .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_9209 .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_9209 .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_9209 .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_9209 .medium-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_9209 .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_9209 .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_9209 .medium-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_9209 .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_9209 .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_9209 .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_9209 .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_9209 .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_9209 .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_9209 .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_9209 .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_9209 .medium-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_9209 .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_9209 .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_9209 .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_9209 .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_9209 .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_9209 .medium-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_9209 .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_9209 .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_9209 .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_9209 .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_9209 .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_9209 .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_9209 .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_9209 .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { #stacks_in_9209 .large-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_9209 .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_9209 .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_9209 .large-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_9209 .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_9209 .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_9209 .large-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_9209 .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_9209 .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_9209 .large-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_9209 .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_9209 .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_9209 .large-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_9209 .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_9209 .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_9209 .large-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_9209 .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_9209 .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_9209 .large-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_9209 .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_9209 .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_9209 .large-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_9209 .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_9209 .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_9209 .large-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_9209 .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_9209 .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_9209 .large-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_9209 .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_9209 .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_9209 .large-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_9209 .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_9209 .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_9209 .large-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_9209 .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_9209 .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } #stacks_in_9209 { background-color: rgba(204, 204, 204, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; margin: 0px 0px 10px 0px; padding: 0px 5px 0px 5px; } #stacks_in_9210 h3,#stacks_in_9210 h3 a,#stacks_in_9210 p,#stacks_in_9210 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_9210 h3,#stacks_in_9210 h3 a,#stacks_in_9210 p,#stacks_in_9210 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_9210 h3,#stacks_in_9210 h3 a,#stacks_in_9210 p,#stacks_in_9210 p a{ font-size:12px; } } #stacks_in_9210 h3,#stacks_in_9210 h3 a,#stacks_in_9210 p,#stacks_in_9210 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_9210 p a:hover, #stacks_in_9210 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_9210 { margin: 10px 0px 10px 20px; padding: 0px 5px 0px 5px; } #stacks_out_9210 { margin-right:0; } #stacks_in_9211 { font-size: 99%; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_9213, #stacks_in_9213 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_9213 { padding: 20px 0px !important; } #press_alignment_stacks_in_9213 { width: 100%; } #press_alignment_stacks_in_9213.press-left { text-align: left; } #press_alignment_stacks_in_9213.press-center { text-align: center; } #press_alignment_stacks_in_9213.press-right { text-align: right; } #stacks_in_9213 { transition: all 200ms ease; /* */ /* */ /* */ background: #4DCB61; background: -webkit-gradient(linear, left top, left bottom, from(to bottom), color-stop(#4DCB61), to(#16AB54)); background: linear-gradient(to bottom, #4DCB61, #16AB54); /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 10px 15px 10px 15px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_9213:hover { /* */ /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_9213:hover .press-icon i { /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_9213:active { /* */ /* */ /* */ /* */ } #stacks_in_9213:active .press-icon i { /* */ } #stacks_in_9213 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 10px 15px 10px 15px; border-radius: 0px 0px 0px 0px; /* */ /* */ /* */ background: #52A37C; background: -webkit-gradient(linear, left top, left bottom, from(to right), color-stop(#52A37C), to(#0D6634)); background: linear-gradient(to right, #52A37C, #0D6634); /* */ /* */ /* */ /* */ margin-right: 0px; /* */ /* */ /* */ } #stacks_in_9213 .press-icon i { font-size: 20px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_9213 .press-text { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; padding: 5px 10px 5px 10px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 16px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_9213 .press-text .out { margin: 0 !important; } #stacks_in_9213 { font-size: 12px; line-height: 16px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } /* ********* */ /* Normalize */ /* ********* */ /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ #stacks_in_6753 article, #stacks_in_6753 aside, #stacks_in_6753 details, #stacks_in_6753 figcaption, #stacks_in_6753 figure, #stacks_in_6753 footer, #stacks_in_6753 header, #stacks_in_6753 hgroup, #stacks_in_6753 main, #stacks_in_6753 nav, #stacks_in_6753 section, #stacks_in_6753 summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ #stacks_in_6753 audio, #stacks_in_6753 canvas, #stacks_in_6753 progress, #stacks_in_6753 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ #stacks_in_6753 audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ #stacks_in_6753 [hidden], #stacks_in_6753 template { display: none; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ #stacks_in_6753 img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ #stacks_in_6753 svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address differences between Firefox and other browsers. */ #stacks_in_6753 hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ #stacks_in_6753 pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ #stacks_in_6753 code, #stacks_in_6753 kbd, #stacks_in_6753 pre, #stacks_in_6753 samp { font-family: monospace, monospace; font-size: 1em; } /* **************** */ /* Stack Specific */ /* **************** */ #stacks_in_6753 *, #stacks_in_6753 *:before, #stacks_in_6753 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_6753 .wow { visibility: hidden; } /* We use this media query to add styles to any device that supports media queries */ @media only screen { #stacks_in_6753 .column_base_margin { margin-bottom: 0px; } } @media only screen and (max-width: 1024px) { #stacks_in_6753 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 768px wide. */ @media only screen and (max-width: 768px) { #stacks_in_6753 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 480px wide. */ @media only screen and (max-width: 640px) { #stacks_in_6753 .column_base_margin { margin-bottom: 0px; } } /* Handles making images responsive inside the stack */ #stacks_in_6753 img { max-width: 100%; height: auto; } /* **************** */ /* Foundation START */ /* **************** */ /* Copyright (c) 2013-2014 ZURB, inc. MIT License 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. */ #stacks_in_6753 meta.foundation-version { font-family: "/5.3.1/"; } #stacks_in_6753 meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } #stacks_in_6753 meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } #stacks_in_6753 meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } #stacks_in_6753 meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } #stacks_in_6753 meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } #stacks_in_6753 meta.foundation-data-attribute-namespace { font-family: false; } #stacks_in_6753 *, #stacks_in_6753 *:before, #stacks_in_6753 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_6753 .left { float: left !important; } #stacks_in_6753 .right { float: right !important; } #stacks_in_6753 .clearfix:before, #stacks_in_6753 .clearfix:after { content: " "; display: table; } #stacks_in_6753 .clearfix:after { clear: both; } #stacks_in_6753 .hide { display: none; } #stacks_in_6753 .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_6753 img { display: inline-block; vertical-align: middle; } #stacks_in_6753 textarea { height: auto; min-height: 50px; } #stacks_in_6753 select { width: 100%; } #stacks_in_6753 .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } #stacks_in_6753 .row:before, #stacks_in_6753 .row:after { content: " "; display: table; } #stacks_in_6753 .row:after { clear: both; } #stacks_in_6753 .row.collapse > .column, #stacks_in_6753 .row.collapse > .columns { padding-left: 0; padding-right: 0; } #stacks_in_6753 .row.collapse .row { margin-left: 0; margin-right: 0; } #stacks_in_6753 .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; } #stacks_in_6753 .row .row:before, #stacks_in_6753 .row .row:after { content: " "; display: table; } #stacks_in_6753 .row .row:after { clear: both; } #stacks_in_6753 .row .row.collapse { width: auto; margin: 0; max-width: none; } #stacks_in_6753 .row .row.collapse:before, #stacks_in_6753 .row .row.collapse:after { content: " "; display: table; } #stacks_in_6753 .row .row.collapse:after { clear: both; } #stacks_in_6753 .column, #stacks_in_6753 .columns { padding-left: 0.9375em; padding-right: 0.9375em; margin-right: 0; /* Fixes comaptiblity with some themes using skeleton.css */ margin-left: 0; /* Fixes comaptiblity with some themes using skeleton.css */ width: 100%; float: left; } #stacks_in_6753 [class*="column"] + [class*="column"]:last-child { float: right; } #stacks_in_6753 [class*="column"] + [class*="column"].end { float: left; } @media only screen { #stacks_in_6753 .small-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6753 .small-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6753 .small-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6753 .small-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6753 .small-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6753 .small-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6753 .small-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6753 .small-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6753 .small-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6753 .small-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6753 .small-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6753 .small-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6753 .small-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6753 .small-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6753 .small-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6753 .small-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6753 .small-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6753 .small-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6753 .small-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6753 .small-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6753 .small-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6753 .small-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6753 .small-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6753 .small-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_6753 .column, #stacks_in_6753 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_6753 .small-1 { width: 8.33333%; } #stacks_in_6753 .small-2 { width: 16.66667%; } #stacks_in_6753 .small-3 { width: 25%; } #stacks_in_6753 .small-4 { width: 33.33333%; } #stacks_in_6753 .small-5 { width: 41.66667%; } #stacks_in_6753 .small-6 { width: 50%; } #stacks_in_6753 .small-7 { width: 58.33333%; } #stacks_in_6753 .small-8 { width: 66.66667%; } #stacks_in_6753 .small-9 { width: 75%; } #stacks_in_6753 .small-10 { width: 83.33333%; } #stacks_in_6753 .small-11 { width: 91.66667%; } #stacks_in_6753 .small-12 { width: 100%; } #stacks_in_6753 .small-offset-0 { margin-left: 0% !important; } #stacks_in_6753 .small-offset-1 { margin-left: 8.33333% !important; } #stacks_in_6753 .small-offset-2 { margin-left: 16.66667% !important; } #stacks_in_6753 .small-offset-3 { margin-left: 25% !important; } #stacks_in_6753 .small-offset-4 { margin-left: 33.33333% !important; } #stacks_in_6753 .small-offset-5 { margin-left: 41.66667% !important; } #stacks_in_6753 .small-offset-6 { margin-left: 50% !important; } #stacks_in_6753 .small-offset-7 { margin-left: 58.33333% !important; } #stacks_in_6753 .small-offset-8 { margin-left: 66.66667% !important; } #stacks_in_6753 .small-offset-9 { margin-left: 75% !important; } #stacks_in_6753 .small-offset-10 { margin-left: 83.33333% !important; } #stacks_in_6753 .small-offset-11 { margin-left: 91.66667% !important; } #stacks_in_6753 .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_6753 .column.small-centered, #stacks_in_6753 .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_6753 .column.small-uncentered, #stacks_in_6753 .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_6753 .column.small-centered:last-child, #stacks_in_6753 .columns.small-centered:last-child { float: none; } #stacks_in_6753 .column.small-uncentered:last-child, #stacks_in_6753 .columns.small-uncentered:last-child { float: left; } #stacks_in_6753 .column.small-uncentered.opposite, #stacks_in_6753 .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 40.063em) { #stacks_in_6753 .medium-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6753 .medium-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6753 .medium-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6753 .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6753 .medium-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6753 .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6753 .medium-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6753 .medium-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6753 .medium-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6753 .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6753 .medium-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6753 .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6753 .medium-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6753 .medium-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6753 .medium-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6753 .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6753 .medium-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6753 .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6753 .medium-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6753 .medium-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6753 .medium-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6753 .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6753 .medium-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6753 .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_6753 .column, #stacks_in_6753 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_6753 .medium-1 { width: 8.33333%; } #stacks_in_6753 .medium-2 { width: 16.66667%; } #stacks_in_6753 .medium-3 { width: 25%; } #stacks_in_6753 .medium-4 { width: 33.33333%; } #stacks_in_6753 .medium-5 { width: 41.66667%; } #stacks_in_6753 .medium-6 { width: 50%; } #stacks_in_6753 .medium-7 { width: 58.33333%; } #stacks_in_6753 .medium-8 { width: 66.66667%; } #stacks_in_6753 .medium-9 { width: 75%; } #stacks_in_6753 .medium-10 { width: 83.33333%; } #stacks_in_6753 .medium-11 { width: 91.66667%; } #stacks_in_6753 .medium-12 { width: 100%; } #stacks_in_6753 .medium-offset-0 { margin-left: 0% !important; } #stacks_in_6753 .medium-offset-1 { margin-left: 8.33333% !important; } #stacks_in_6753 .medium-offset-2 { margin-left: 16.66667% !important; } #stacks_in_6753 .medium-offset-3 { margin-left: 25% !important; } #stacks_in_6753 .medium-offset-4 { margin-left: 33.33333% !important; } #stacks_in_6753 .medium-offset-5 { margin-left: 41.66667% !important; } #stacks_in_6753 .medium-offset-6 { margin-left: 50% !important; } #stacks_in_6753 .medium-offset-7 { margin-left: 58.33333% !important; } #stacks_in_6753 .medium-offset-8 { margin-left: 66.66667% !important; } #stacks_in_6753 .medium-offset-9 { margin-left: 75% !important; } #stacks_in_6753 .medium-offset-10 { margin-left: 83.33333% !important; } #stacks_in_6753 .medium-offset-11 { margin-left: 91.66667% !important; } #stacks_in_6753 .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_6753 .column.medium-centered, #stacks_in_6753 .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_6753 .column.medium-uncentered, #stacks_in_6753 .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_6753 .column.medium-centered:last-child, #stacks_in_6753 .columns.medium-centered:last-child { float: none; } #stacks_in_6753 .column.medium-uncentered:last-child, #stacks_in_6753 .columns.medium-uncentered:last-child { float: left; } #stacks_in_6753 .column.medium-uncentered.opposite, #stacks_in_6753 .columns.medium-uncentered.opposite { float: right; } #stacks_in_6753 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6753 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6753 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6753 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6753 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6753 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6753 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6753 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6753 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6753 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6753 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6753 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6753 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6753 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6753 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6753 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6753 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6753 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6753 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6753 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6753 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6753 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6753 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6753 .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { #stacks_in_6753 .large-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6753 .large-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6753 .large-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6753 .large-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6753 .large-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6753 .large-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6753 .large-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6753 .large-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6753 .large-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6753 .large-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6753 .large-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6753 .large-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6753 .large-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6753 .large-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6753 .large-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6753 .large-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6753 .large-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6753 .large-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6753 .large-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6753 .large-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6753 .large-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6753 .large-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6753 .large-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6753 .large-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_6753 .column, #stacks_in_6753 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_6753 .large-1 { width: 8.33333%; } #stacks_in_6753 .large-2 { width: 16.66667%; } #stacks_in_6753 .large-3 { width: 25%; } #stacks_in_6753 .large-4 { width: 33.33333%; } #stacks_in_6753 .large-5 { width: 41.66667%; } #stacks_in_6753 .large-6 { width: 50%; } #stacks_in_6753 .large-7 { width: 58.33333%; } #stacks_in_6753 .large-8 { width: 66.66667%; } #stacks_in_6753 .large-9 { width: 75%; } #stacks_in_6753 .large-10 { width: 83.33333%; } #stacks_in_6753 .large-11 { width: 91.66667%; } #stacks_in_6753 .large-12 { width: 100%; } #stacks_in_6753 .large-offset-0 { margin-left: 0% !important; } #stacks_in_6753 .large-offset-1 { margin-left: 8.33333% !important; } #stacks_in_6753 .large-offset-2 { margin-left: 16.66667% !important; } #stacks_in_6753 .large-offset-3 { margin-left: 25% !important; } #stacks_in_6753 .large-offset-4 { margin-left: 33.33333% !important; } #stacks_in_6753 .large-offset-5 { margin-left: 41.66667% !important; } #stacks_in_6753 .large-offset-6 { margin-left: 50% !important; } #stacks_in_6753 .large-offset-7 { margin-left: 58.33333% !important; } #stacks_in_6753 .large-offset-8 { margin-left: 66.66667% !important; } #stacks_in_6753 .large-offset-9 { margin-left: 75% !important; } #stacks_in_6753 .large-offset-10 { margin-left: 83.33333% !important; } #stacks_in_6753 .large-offset-11 { margin-left: 91.66667% !important; } #stacks_in_6753 .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_6753 .column.large-centered, #stacks_in_6753 .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_6753 .column.large-uncentered, #stacks_in_6753 .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_6753 .column.large-centered:last-child, #stacks_in_6753 .columns.large-centered:last-child { float: none; } #stacks_in_6753 .column.large-uncentered:last-child, #stacks_in_6753 .columns.large-uncentered:last-child { float: left; } #stacks_in_6753 .column.large-uncentered.opposite, #stacks_in_6753 .columns.large-uncentered.opposite { float: right; } #stacks_in_6753 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6753 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6753 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6753 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6753 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6753 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6753 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6753 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6753 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6753 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6753 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6753 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6753 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6753 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6753 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6753 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6753 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6753 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6753 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6753 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6753 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6753 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6753 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6753 .pull-11 { position: relative; right: 91.66667%; left: auto; } } #stacks_in_6753 [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } #stacks_in_6753 [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } #stacks_in_6753 [class*="block-grid-"]:after { clear: both; } #stacks_in_6753 [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { #stacks_in_6753 .small-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_6753 .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_6753 .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_6753 .small-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_6753 .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_6753 .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_6753 .small-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_6753 .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_6753 .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_6753 .small-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_6753 .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_6753 .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_6753 .small-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_6753 .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_6753 .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_6753 .small-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_6753 .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_6753 .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_6753 .small-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_6753 .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_6753 .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_6753 .small-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_6753 .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_6753 .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_6753 .small-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_6753 .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_6753 .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_6753 .small-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_6753 .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_6753 .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_6753 .small-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_6753 .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_6753 .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_6753 .small-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_6753 .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_6753 .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { #stacks_in_6753 .medium-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_6753 .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_6753 .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_6753 .medium-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_6753 .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_6753 .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_6753 .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_6753 .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_6753 .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_6753 .medium-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_6753 .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_6753 .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_6753 .medium-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_6753 .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_6753 .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_6753 .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_6753 .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_6753 .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_6753 .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_6753 .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_6753 .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_6753 .medium-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_6753 .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_6753 .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_6753 .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_6753 .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_6753 .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_6753 .medium-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_6753 .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_6753 .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_6753 .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_6753 .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_6753 .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_6753 .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_6753 .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_6753 .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { #stacks_in_6753 .large-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_6753 .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_6753 .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_6753 .large-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_6753 .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_6753 .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_6753 .large-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_6753 .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_6753 .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_6753 .large-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_6753 .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_6753 .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_6753 .large-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_6753 .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_6753 .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_6753 .large-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_6753 .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_6753 .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_6753 .large-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_6753 .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_6753 .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_6753 .large-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_6753 .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_6753 .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_6753 .large-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_6753 .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_6753 .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_6753 .large-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_6753 .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_6753 .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_6753 .large-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_6753 .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_6753 .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_6753 .large-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_6753 .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_6753 .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } #stacks_in_6753 { background-color: rgba(204, 204, 204, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; margin: 0px 0px 10px 0px; padding: 0px 5px 0px 5px; } #stacks_in_6754 h3,#stacks_in_6754 h3 a,#stacks_in_6754 p,#stacks_in_6754 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_6754 h3,#stacks_in_6754 h3 a,#stacks_in_6754 p,#stacks_in_6754 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_6754 h3,#stacks_in_6754 h3 a,#stacks_in_6754 p,#stacks_in_6754 p a{ font-size:12px; } } #stacks_in_6754 h3,#stacks_in_6754 h3 a,#stacks_in_6754 p,#stacks_in_6754 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_6754 p a:hover, #stacks_in_6754 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_6754 { margin: 10px 0px 10px 20px; padding: 0px 5px 0px 5px; } #stacks_out_6754 { margin-right:0; } #stacks_in_6755 { font-size: 99%; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_6760, #stacks_in_6760 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_6760 { padding: 20px 0px !important; } #press_alignment_stacks_in_6760 { width: 100%; } #press_alignment_stacks_in_6760.press-left { text-align: left; } #press_alignment_stacks_in_6760.press-center { text-align: center; } #press_alignment_stacks_in_6760.press-right { text-align: right; } #stacks_in_6760 { transition: all 200ms ease; /* */ /* */ /* */ background: #4DCB61; background: -webkit-gradient(linear, left top, left bottom, from(to bottom), color-stop(#4DCB61), to(#16AB54)); background: linear-gradient(to bottom, #4DCB61, #16AB54); /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 10px 15px 10px 15px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_6760:hover { /* */ /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_6760:hover .press-icon i { /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_6760:active { /* */ /* */ /* */ /* */ } #stacks_in_6760:active .press-icon i { /* */ } #stacks_in_6760 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 10px 15px 10px 15px; border-radius: 0px 0px 0px 0px; /* */ /* */ /* */ background: #52A37C; background: -webkit-gradient(linear, left top, left bottom, from(to right), color-stop(#52A37C), to(#0D6634)); background: linear-gradient(to right, #52A37C, #0D6634); /* */ /* */ /* */ /* */ margin-right: 0px; /* */ /* */ /* */ } #stacks_in_6760 .press-icon i { font-size: 20px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_6760 .press-text { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; padding: 5px 10px 5px 10px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 16px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_6760 .press-text .out { margin: 0 !important; } #stacks_in_6760 { font-size: 12px; line-height: 16px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } /* ********* */ /* Normalize */ /* ********* */ /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ #stacks_in_6432 article, #stacks_in_6432 aside, #stacks_in_6432 details, #stacks_in_6432 figcaption, #stacks_in_6432 figure, #stacks_in_6432 footer, #stacks_in_6432 header, #stacks_in_6432 hgroup, #stacks_in_6432 main, #stacks_in_6432 nav, #stacks_in_6432 section, #stacks_in_6432 summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ #stacks_in_6432 audio, #stacks_in_6432 canvas, #stacks_in_6432 progress, #stacks_in_6432 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ #stacks_in_6432 audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ #stacks_in_6432 [hidden], #stacks_in_6432 template { display: none; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ #stacks_in_6432 img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ #stacks_in_6432 svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address differences between Firefox and other browsers. */ #stacks_in_6432 hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ #stacks_in_6432 pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ #stacks_in_6432 code, #stacks_in_6432 kbd, #stacks_in_6432 pre, #stacks_in_6432 samp { font-family: monospace, monospace; font-size: 1em; } /* **************** */ /* Stack Specific */ /* **************** */ #stacks_in_6432 *, #stacks_in_6432 *:before, #stacks_in_6432 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_6432 .wow { visibility: hidden; } /* We use this media query to add styles to any device that supports media queries */ @media only screen { #stacks_in_6432 .column_base_margin { margin-bottom: 0px; } } @media only screen and (max-width: 1024px) { #stacks_in_6432 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 768px wide. */ @media only screen and (max-width: 768px) { #stacks_in_6432 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 480px wide. */ @media only screen and (max-width: 640px) { #stacks_in_6432 .column_base_margin { margin-bottom: 0px; } } /* Handles making images responsive inside the stack */ #stacks_in_6432 img { max-width: 100%; height: auto; } /* **************** */ /* Foundation START */ /* **************** */ /* Copyright (c) 2013-2014 ZURB, inc. MIT License 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. */ #stacks_in_6432 meta.foundation-version { font-family: "/5.3.1/"; } #stacks_in_6432 meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } #stacks_in_6432 meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } #stacks_in_6432 meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } #stacks_in_6432 meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } #stacks_in_6432 meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } #stacks_in_6432 meta.foundation-data-attribute-namespace { font-family: false; } #stacks_in_6432 *, #stacks_in_6432 *:before, #stacks_in_6432 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_6432 .left { float: left !important; } #stacks_in_6432 .right { float: right !important; } #stacks_in_6432 .clearfix:before, #stacks_in_6432 .clearfix:after { content: " "; display: table; } #stacks_in_6432 .clearfix:after { clear: both; } #stacks_in_6432 .hide { display: none; } #stacks_in_6432 .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_6432 img { display: inline-block; vertical-align: middle; } #stacks_in_6432 textarea { height: auto; min-height: 50px; } #stacks_in_6432 select { width: 100%; } #stacks_in_6432 .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } #stacks_in_6432 .row:before, #stacks_in_6432 .row:after { content: " "; display: table; } #stacks_in_6432 .row:after { clear: both; } #stacks_in_6432 .row.collapse > .column, #stacks_in_6432 .row.collapse > .columns { padding-left: 0; padding-right: 0; } #stacks_in_6432 .row.collapse .row { margin-left: 0; margin-right: 0; } #stacks_in_6432 .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; } #stacks_in_6432 .row .row:before, #stacks_in_6432 .row .row:after { content: " "; display: table; } #stacks_in_6432 .row .row:after { clear: both; } #stacks_in_6432 .row .row.collapse { width: auto; margin: 0; max-width: none; } #stacks_in_6432 .row .row.collapse:before, #stacks_in_6432 .row .row.collapse:after { content: " "; display: table; } #stacks_in_6432 .row .row.collapse:after { clear: both; } #stacks_in_6432 .column, #stacks_in_6432 .columns { padding-left: 0.9375em; padding-right: 0.9375em; margin-right: 0; /* Fixes comaptiblity with some themes using skeleton.css */ margin-left: 0; /* Fixes comaptiblity with some themes using skeleton.css */ width: 100%; float: left; } #stacks_in_6432 [class*="column"] + [class*="column"]:last-child { float: right; } #stacks_in_6432 [class*="column"] + [class*="column"].end { float: left; } @media only screen { #stacks_in_6432 .small-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6432 .small-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6432 .small-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6432 .small-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6432 .small-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6432 .small-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6432 .small-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6432 .small-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6432 .small-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6432 .small-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6432 .small-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6432 .small-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6432 .small-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6432 .small-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6432 .small-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6432 .small-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6432 .small-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6432 .small-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6432 .small-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6432 .small-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6432 .small-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6432 .small-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6432 .small-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6432 .small-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_6432 .column, #stacks_in_6432 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_6432 .small-1 { width: 8.33333%; } #stacks_in_6432 .small-2 { width: 16.66667%; } #stacks_in_6432 .small-3 { width: 25%; } #stacks_in_6432 .small-4 { width: 33.33333%; } #stacks_in_6432 .small-5 { width: 41.66667%; } #stacks_in_6432 .small-6 { width: 50%; } #stacks_in_6432 .small-7 { width: 58.33333%; } #stacks_in_6432 .small-8 { width: 66.66667%; } #stacks_in_6432 .small-9 { width: 75%; } #stacks_in_6432 .small-10 { width: 83.33333%; } #stacks_in_6432 .small-11 { width: 91.66667%; } #stacks_in_6432 .small-12 { width: 100%; } #stacks_in_6432 .small-offset-0 { margin-left: 0% !important; } #stacks_in_6432 .small-offset-1 { margin-left: 8.33333% !important; } #stacks_in_6432 .small-offset-2 { margin-left: 16.66667% !important; } #stacks_in_6432 .small-offset-3 { margin-left: 25% !important; } #stacks_in_6432 .small-offset-4 { margin-left: 33.33333% !important; } #stacks_in_6432 .small-offset-5 { margin-left: 41.66667% !important; } #stacks_in_6432 .small-offset-6 { margin-left: 50% !important; } #stacks_in_6432 .small-offset-7 { margin-left: 58.33333% !important; } #stacks_in_6432 .small-offset-8 { margin-left: 66.66667% !important; } #stacks_in_6432 .small-offset-9 { margin-left: 75% !important; } #stacks_in_6432 .small-offset-10 { margin-left: 83.33333% !important; } #stacks_in_6432 .small-offset-11 { margin-left: 91.66667% !important; } #stacks_in_6432 .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_6432 .column.small-centered, #stacks_in_6432 .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_6432 .column.small-uncentered, #stacks_in_6432 .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_6432 .column.small-centered:last-child, #stacks_in_6432 .columns.small-centered:last-child { float: none; } #stacks_in_6432 .column.small-uncentered:last-child, #stacks_in_6432 .columns.small-uncentered:last-child { float: left; } #stacks_in_6432 .column.small-uncentered.opposite, #stacks_in_6432 .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 40.063em) { #stacks_in_6432 .medium-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6432 .medium-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6432 .medium-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6432 .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6432 .medium-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6432 .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6432 .medium-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6432 .medium-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6432 .medium-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6432 .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6432 .medium-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6432 .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6432 .medium-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6432 .medium-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6432 .medium-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6432 .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6432 .medium-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6432 .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6432 .medium-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6432 .medium-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6432 .medium-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6432 .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6432 .medium-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6432 .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_6432 .column, #stacks_in_6432 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_6432 .medium-1 { width: 8.33333%; } #stacks_in_6432 .medium-2 { width: 16.66667%; } #stacks_in_6432 .medium-3 { width: 25%; } #stacks_in_6432 .medium-4 { width: 33.33333%; } #stacks_in_6432 .medium-5 { width: 41.66667%; } #stacks_in_6432 .medium-6 { width: 50%; } #stacks_in_6432 .medium-7 { width: 58.33333%; } #stacks_in_6432 .medium-8 { width: 66.66667%; } #stacks_in_6432 .medium-9 { width: 75%; } #stacks_in_6432 .medium-10 { width: 83.33333%; } #stacks_in_6432 .medium-11 { width: 91.66667%; } #stacks_in_6432 .medium-12 { width: 100%; } #stacks_in_6432 .medium-offset-0 { margin-left: 0% !important; } #stacks_in_6432 .medium-offset-1 { margin-left: 8.33333% !important; } #stacks_in_6432 .medium-offset-2 { margin-left: 16.66667% !important; } #stacks_in_6432 .medium-offset-3 { margin-left: 25% !important; } #stacks_in_6432 .medium-offset-4 { margin-left: 33.33333% !important; } #stacks_in_6432 .medium-offset-5 { margin-left: 41.66667% !important; } #stacks_in_6432 .medium-offset-6 { margin-left: 50% !important; } #stacks_in_6432 .medium-offset-7 { margin-left: 58.33333% !important; } #stacks_in_6432 .medium-offset-8 { margin-left: 66.66667% !important; } #stacks_in_6432 .medium-offset-9 { margin-left: 75% !important; } #stacks_in_6432 .medium-offset-10 { margin-left: 83.33333% !important; } #stacks_in_6432 .medium-offset-11 { margin-left: 91.66667% !important; } #stacks_in_6432 .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_6432 .column.medium-centered, #stacks_in_6432 .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_6432 .column.medium-uncentered, #stacks_in_6432 .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_6432 .column.medium-centered:last-child, #stacks_in_6432 .columns.medium-centered:last-child { float: none; } #stacks_in_6432 .column.medium-uncentered:last-child, #stacks_in_6432 .columns.medium-uncentered:last-child { float: left; } #stacks_in_6432 .column.medium-uncentered.opposite, #stacks_in_6432 .columns.medium-uncentered.opposite { float: right; } #stacks_in_6432 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6432 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6432 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6432 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6432 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6432 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6432 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6432 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6432 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6432 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6432 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6432 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6432 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6432 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6432 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6432 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6432 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6432 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6432 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6432 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6432 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6432 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6432 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6432 .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { #stacks_in_6432 .large-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6432 .large-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6432 .large-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6432 .large-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6432 .large-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6432 .large-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6432 .large-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6432 .large-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6432 .large-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6432 .large-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6432 .large-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6432 .large-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6432 .large-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6432 .large-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6432 .large-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6432 .large-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6432 .large-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6432 .large-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6432 .large-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6432 .large-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6432 .large-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6432 .large-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6432 .large-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6432 .large-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_6432 .column, #stacks_in_6432 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_6432 .large-1 { width: 8.33333%; } #stacks_in_6432 .large-2 { width: 16.66667%; } #stacks_in_6432 .large-3 { width: 25%; } #stacks_in_6432 .large-4 { width: 33.33333%; } #stacks_in_6432 .large-5 { width: 41.66667%; } #stacks_in_6432 .large-6 { width: 50%; } #stacks_in_6432 .large-7 { width: 58.33333%; } #stacks_in_6432 .large-8 { width: 66.66667%; } #stacks_in_6432 .large-9 { width: 75%; } #stacks_in_6432 .large-10 { width: 83.33333%; } #stacks_in_6432 .large-11 { width: 91.66667%; } #stacks_in_6432 .large-12 { width: 100%; } #stacks_in_6432 .large-offset-0 { margin-left: 0% !important; } #stacks_in_6432 .large-offset-1 { margin-left: 8.33333% !important; } #stacks_in_6432 .large-offset-2 { margin-left: 16.66667% !important; } #stacks_in_6432 .large-offset-3 { margin-left: 25% !important; } #stacks_in_6432 .large-offset-4 { margin-left: 33.33333% !important; } #stacks_in_6432 .large-offset-5 { margin-left: 41.66667% !important; } #stacks_in_6432 .large-offset-6 { margin-left: 50% !important; } #stacks_in_6432 .large-offset-7 { margin-left: 58.33333% !important; } #stacks_in_6432 .large-offset-8 { margin-left: 66.66667% !important; } #stacks_in_6432 .large-offset-9 { margin-left: 75% !important; } #stacks_in_6432 .large-offset-10 { margin-left: 83.33333% !important; } #stacks_in_6432 .large-offset-11 { margin-left: 91.66667% !important; } #stacks_in_6432 .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_6432 .column.large-centered, #stacks_in_6432 .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_6432 .column.large-uncentered, #stacks_in_6432 .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_6432 .column.large-centered:last-child, #stacks_in_6432 .columns.large-centered:last-child { float: none; } #stacks_in_6432 .column.large-uncentered:last-child, #stacks_in_6432 .columns.large-uncentered:last-child { float: left; } #stacks_in_6432 .column.large-uncentered.opposite, #stacks_in_6432 .columns.large-uncentered.opposite { float: right; } #stacks_in_6432 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6432 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6432 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6432 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6432 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6432 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6432 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6432 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6432 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6432 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6432 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6432 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6432 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6432 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6432 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6432 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6432 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6432 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6432 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6432 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6432 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6432 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6432 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6432 .pull-11 { position: relative; right: 91.66667%; left: auto; } } #stacks_in_6432 [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } #stacks_in_6432 [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } #stacks_in_6432 [class*="block-grid-"]:after { clear: both; } #stacks_in_6432 [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { #stacks_in_6432 .small-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_6432 .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_6432 .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_6432 .small-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_6432 .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_6432 .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_6432 .small-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_6432 .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_6432 .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_6432 .small-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_6432 .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_6432 .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_6432 .small-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_6432 .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_6432 .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_6432 .small-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_6432 .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_6432 .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_6432 .small-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_6432 .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_6432 .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_6432 .small-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_6432 .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_6432 .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_6432 .small-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_6432 .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_6432 .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_6432 .small-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_6432 .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_6432 .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_6432 .small-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_6432 .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_6432 .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_6432 .small-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_6432 .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_6432 .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { #stacks_in_6432 .medium-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_6432 .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_6432 .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_6432 .medium-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_6432 .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_6432 .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_6432 .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_6432 .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_6432 .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_6432 .medium-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_6432 .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_6432 .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_6432 .medium-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_6432 .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_6432 .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_6432 .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_6432 .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_6432 .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_6432 .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_6432 .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_6432 .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_6432 .medium-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_6432 .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_6432 .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_6432 .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_6432 .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_6432 .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_6432 .medium-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_6432 .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_6432 .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_6432 .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_6432 .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_6432 .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_6432 .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_6432 .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_6432 .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { #stacks_in_6432 .large-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_6432 .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_6432 .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_6432 .large-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_6432 .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_6432 .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_6432 .large-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_6432 .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_6432 .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_6432 .large-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_6432 .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_6432 .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_6432 .large-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_6432 .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_6432 .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_6432 .large-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_6432 .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_6432 .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_6432 .large-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_6432 .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_6432 .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_6432 .large-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_6432 .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_6432 .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_6432 .large-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_6432 .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_6432 .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_6432 .large-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_6432 .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_6432 .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_6432 .large-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_6432 .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_6432 .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_6432 .large-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_6432 .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_6432 .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } #stacks_in_6432 { background-color: rgba(204, 204, 204, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; margin: 0px 0px 10px 0px; padding: 0px 5px 0px 5px; } #stacks_in_6479 h3,#stacks_in_6479 h3 a,#stacks_in_6479 p,#stacks_in_6479 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_6479 h3,#stacks_in_6479 h3 a,#stacks_in_6479 p,#stacks_in_6479 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_6479 h3,#stacks_in_6479 h3 a,#stacks_in_6479 p,#stacks_in_6479 p a{ font-size:12px; } } #stacks_in_6479 h3,#stacks_in_6479 h3 a,#stacks_in_6479 p,#stacks_in_6479 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_6479 p a:hover, #stacks_in_6479 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_6479 { margin: 10px 10px 10px 20px; padding: 0px 5px 0px 5px; } #stacks_out_6479 { margin-right:0; } #stacks_in_6480 { font-size: 99%; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_6436, #stacks_in_6436 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_6436 { padding: 20px 0px !important; } #press_alignment_stacks_in_6436 { width: 100%; } #press_alignment_stacks_in_6436.press-left { text-align: left; } #press_alignment_stacks_in_6436.press-center { text-align: center; } #press_alignment_stacks_in_6436.press-right { text-align: right; } #stacks_in_6436 { transition: all 200ms ease; /* */ /* */ /* */ background: #4DCB61; background: -webkit-gradient(linear, left top, left bottom, from(to bottom), color-stop(#4DCB61), to(#16AB54)); background: linear-gradient(to bottom, #4DCB61, #16AB54); /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 10px 15px 10px 15px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_6436:hover { /* */ /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_6436:hover .press-icon i { /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_6436:active { /* */ /* */ /* */ /* */ } #stacks_in_6436:active .press-icon i { /* */ } #stacks_in_6436 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 10px 15px 10px 15px; border-radius: 0px 0px 0px 0px; /* */ /* */ /* */ background: #52A37C; background: -webkit-gradient(linear, left top, left bottom, from(to right), color-stop(#52A37C), to(#0D6634)); background: linear-gradient(to right, #52A37C, #0D6634); /* */ /* */ /* */ /* */ margin-right: 0px; /* */ /* */ /* */ } #stacks_in_6436 .press-icon i { font-size: 20px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_6436 .press-text { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; padding: 5px 10px 5px 10px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 16px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_6436 .press-text .out { margin: 0 !important; } #stacks_in_6436 { font-size: 12px; line-height: 16px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } /* ********* */ /* Normalize */ /* ********* */ /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ #stacks_in_7007 article, #stacks_in_7007 aside, #stacks_in_7007 details, #stacks_in_7007 figcaption, #stacks_in_7007 figure, #stacks_in_7007 footer, #stacks_in_7007 header, #stacks_in_7007 hgroup, #stacks_in_7007 main, #stacks_in_7007 nav, #stacks_in_7007 section, #stacks_in_7007 summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ #stacks_in_7007 audio, #stacks_in_7007 canvas, #stacks_in_7007 progress, #stacks_in_7007 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ #stacks_in_7007 audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ #stacks_in_7007 [hidden], #stacks_in_7007 template { display: none; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ #stacks_in_7007 img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ #stacks_in_7007 svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address differences between Firefox and other browsers. */ #stacks_in_7007 hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ #stacks_in_7007 pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ #stacks_in_7007 code, #stacks_in_7007 kbd, #stacks_in_7007 pre, #stacks_in_7007 samp { font-family: monospace, monospace; font-size: 1em; } /* **************** */ /* Stack Specific */ /* **************** */ #stacks_in_7007 *, #stacks_in_7007 *:before, #stacks_in_7007 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_7007 .wow { visibility: hidden; } /* We use this media query to add styles to any device that supports media queries */ @media only screen { #stacks_in_7007 .column_base_margin { margin-bottom: 0px; } } @media only screen and (max-width: 1024px) { #stacks_in_7007 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 768px wide. */ @media only screen and (max-width: 768px) { #stacks_in_7007 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 480px wide. */ @media only screen and (max-width: 640px) { #stacks_in_7007 .column_base_margin { margin-bottom: 0px; } } /* Handles making images responsive inside the stack */ #stacks_in_7007 img { max-width: 100%; height: auto; } /* **************** */ /* Foundation START */ /* **************** */ /* Copyright (c) 2013-2014 ZURB, inc. MIT License 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. */ #stacks_in_7007 meta.foundation-version { font-family: "/5.3.1/"; } #stacks_in_7007 meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } #stacks_in_7007 meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } #stacks_in_7007 meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } #stacks_in_7007 meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } #stacks_in_7007 meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } #stacks_in_7007 meta.foundation-data-attribute-namespace { font-family: false; } #stacks_in_7007 *, #stacks_in_7007 *:before, #stacks_in_7007 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_7007 .left { float: left !important; } #stacks_in_7007 .right { float: right !important; } #stacks_in_7007 .clearfix:before, #stacks_in_7007 .clearfix:after { content: " "; display: table; } #stacks_in_7007 .clearfix:after { clear: both; } #stacks_in_7007 .hide { display: none; } #stacks_in_7007 .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_7007 img { display: inline-block; vertical-align: middle; } #stacks_in_7007 textarea { height: auto; min-height: 50px; } #stacks_in_7007 select { width: 100%; } #stacks_in_7007 .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } #stacks_in_7007 .row:before, #stacks_in_7007 .row:after { content: " "; display: table; } #stacks_in_7007 .row:after { clear: both; } #stacks_in_7007 .row.collapse > .column, #stacks_in_7007 .row.collapse > .columns { padding-left: 0; padding-right: 0; } #stacks_in_7007 .row.collapse .row { margin-left: 0; margin-right: 0; } #stacks_in_7007 .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; } #stacks_in_7007 .row .row:before, #stacks_in_7007 .row .row:after { content: " "; display: table; } #stacks_in_7007 .row .row:after { clear: both; } #stacks_in_7007 .row .row.collapse { width: auto; margin: 0; max-width: none; } #stacks_in_7007 .row .row.collapse:before, #stacks_in_7007 .row .row.collapse:after { content: " "; display: table; } #stacks_in_7007 .row .row.collapse:after { clear: both; } #stacks_in_7007 .column, #stacks_in_7007 .columns { padding-left: 0.9375em; padding-right: 0.9375em; margin-right: 0; /* Fixes comaptiblity with some themes using skeleton.css */ margin-left: 0; /* Fixes comaptiblity with some themes using skeleton.css */ width: 100%; float: left; } #stacks_in_7007 [class*="column"] + [class*="column"]:last-child { float: right; } #stacks_in_7007 [class*="column"] + [class*="column"].end { float: left; } @media only screen { #stacks_in_7007 .small-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_7007 .small-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_7007 .small-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_7007 .small-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_7007 .small-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_7007 .small-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_7007 .small-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_7007 .small-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_7007 .small-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_7007 .small-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_7007 .small-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_7007 .small-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_7007 .small-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_7007 .small-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_7007 .small-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_7007 .small-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_7007 .small-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_7007 .small-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_7007 .small-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_7007 .small-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_7007 .small-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_7007 .small-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_7007 .small-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_7007 .small-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_7007 .column, #stacks_in_7007 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_7007 .small-1 { width: 8.33333%; } #stacks_in_7007 .small-2 { width: 16.66667%; } #stacks_in_7007 .small-3 { width: 25%; } #stacks_in_7007 .small-4 { width: 33.33333%; } #stacks_in_7007 .small-5 { width: 41.66667%; } #stacks_in_7007 .small-6 { width: 50%; } #stacks_in_7007 .small-7 { width: 58.33333%; } #stacks_in_7007 .small-8 { width: 66.66667%; } #stacks_in_7007 .small-9 { width: 75%; } #stacks_in_7007 .small-10 { width: 83.33333%; } #stacks_in_7007 .small-11 { width: 91.66667%; } #stacks_in_7007 .small-12 { width: 100%; } #stacks_in_7007 .small-offset-0 { margin-left: 0% !important; } #stacks_in_7007 .small-offset-1 { margin-left: 8.33333% !important; } #stacks_in_7007 .small-offset-2 { margin-left: 16.66667% !important; } #stacks_in_7007 .small-offset-3 { margin-left: 25% !important; } #stacks_in_7007 .small-offset-4 { margin-left: 33.33333% !important; } #stacks_in_7007 .small-offset-5 { margin-left: 41.66667% !important; } #stacks_in_7007 .small-offset-6 { margin-left: 50% !important; } #stacks_in_7007 .small-offset-7 { margin-left: 58.33333% !important; } #stacks_in_7007 .small-offset-8 { margin-left: 66.66667% !important; } #stacks_in_7007 .small-offset-9 { margin-left: 75% !important; } #stacks_in_7007 .small-offset-10 { margin-left: 83.33333% !important; } #stacks_in_7007 .small-offset-11 { margin-left: 91.66667% !important; } #stacks_in_7007 .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_7007 .column.small-centered, #stacks_in_7007 .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_7007 .column.small-uncentered, #stacks_in_7007 .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_7007 .column.small-centered:last-child, #stacks_in_7007 .columns.small-centered:last-child { float: none; } #stacks_in_7007 .column.small-uncentered:last-child, #stacks_in_7007 .columns.small-uncentered:last-child { float: left; } #stacks_in_7007 .column.small-uncentered.opposite, #stacks_in_7007 .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 40.063em) { #stacks_in_7007 .medium-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_7007 .medium-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_7007 .medium-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_7007 .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_7007 .medium-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_7007 .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_7007 .medium-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_7007 .medium-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_7007 .medium-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_7007 .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_7007 .medium-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_7007 .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_7007 .medium-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_7007 .medium-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_7007 .medium-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_7007 .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_7007 .medium-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_7007 .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_7007 .medium-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_7007 .medium-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_7007 .medium-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_7007 .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_7007 .medium-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_7007 .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_7007 .column, #stacks_in_7007 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_7007 .medium-1 { width: 8.33333%; } #stacks_in_7007 .medium-2 { width: 16.66667%; } #stacks_in_7007 .medium-3 { width: 25%; } #stacks_in_7007 .medium-4 { width: 33.33333%; } #stacks_in_7007 .medium-5 { width: 41.66667%; } #stacks_in_7007 .medium-6 { width: 50%; } #stacks_in_7007 .medium-7 { width: 58.33333%; } #stacks_in_7007 .medium-8 { width: 66.66667%; } #stacks_in_7007 .medium-9 { width: 75%; } #stacks_in_7007 .medium-10 { width: 83.33333%; } #stacks_in_7007 .medium-11 { width: 91.66667%; } #stacks_in_7007 .medium-12 { width: 100%; } #stacks_in_7007 .medium-offset-0 { margin-left: 0% !important; } #stacks_in_7007 .medium-offset-1 { margin-left: 8.33333% !important; } #stacks_in_7007 .medium-offset-2 { margin-left: 16.66667% !important; } #stacks_in_7007 .medium-offset-3 { margin-left: 25% !important; } #stacks_in_7007 .medium-offset-4 { margin-left: 33.33333% !important; } #stacks_in_7007 .medium-offset-5 { margin-left: 41.66667% !important; } #stacks_in_7007 .medium-offset-6 { margin-left: 50% !important; } #stacks_in_7007 .medium-offset-7 { margin-left: 58.33333% !important; } #stacks_in_7007 .medium-offset-8 { margin-left: 66.66667% !important; } #stacks_in_7007 .medium-offset-9 { margin-left: 75% !important; } #stacks_in_7007 .medium-offset-10 { margin-left: 83.33333% !important; } #stacks_in_7007 .medium-offset-11 { margin-left: 91.66667% !important; } #stacks_in_7007 .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_7007 .column.medium-centered, #stacks_in_7007 .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_7007 .column.medium-uncentered, #stacks_in_7007 .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_7007 .column.medium-centered:last-child, #stacks_in_7007 .columns.medium-centered:last-child { float: none; } #stacks_in_7007 .column.medium-uncentered:last-child, #stacks_in_7007 .columns.medium-uncentered:last-child { float: left; } #stacks_in_7007 .column.medium-uncentered.opposite, #stacks_in_7007 .columns.medium-uncentered.opposite { float: right; } #stacks_in_7007 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_7007 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_7007 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_7007 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_7007 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_7007 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_7007 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_7007 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_7007 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_7007 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_7007 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_7007 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_7007 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_7007 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_7007 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_7007 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_7007 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_7007 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_7007 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_7007 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_7007 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_7007 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_7007 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_7007 .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { #stacks_in_7007 .large-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_7007 .large-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_7007 .large-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_7007 .large-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_7007 .large-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_7007 .large-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_7007 .large-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_7007 .large-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_7007 .large-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_7007 .large-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_7007 .large-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_7007 .large-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_7007 .large-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_7007 .large-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_7007 .large-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_7007 .large-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_7007 .large-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_7007 .large-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_7007 .large-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_7007 .large-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_7007 .large-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_7007 .large-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_7007 .large-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_7007 .large-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_7007 .column, #stacks_in_7007 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_7007 .large-1 { width: 8.33333%; } #stacks_in_7007 .large-2 { width: 16.66667%; } #stacks_in_7007 .large-3 { width: 25%; } #stacks_in_7007 .large-4 { width: 33.33333%; } #stacks_in_7007 .large-5 { width: 41.66667%; } #stacks_in_7007 .large-6 { width: 50%; } #stacks_in_7007 .large-7 { width: 58.33333%; } #stacks_in_7007 .large-8 { width: 66.66667%; } #stacks_in_7007 .large-9 { width: 75%; } #stacks_in_7007 .large-10 { width: 83.33333%; } #stacks_in_7007 .large-11 { width: 91.66667%; } #stacks_in_7007 .large-12 { width: 100%; } #stacks_in_7007 .large-offset-0 { margin-left: 0% !important; } #stacks_in_7007 .large-offset-1 { margin-left: 8.33333% !important; } #stacks_in_7007 .large-offset-2 { margin-left: 16.66667% !important; } #stacks_in_7007 .large-offset-3 { margin-left: 25% !important; } #stacks_in_7007 .large-offset-4 { margin-left: 33.33333% !important; } #stacks_in_7007 .large-offset-5 { margin-left: 41.66667% !important; } #stacks_in_7007 .large-offset-6 { margin-left: 50% !important; } #stacks_in_7007 .large-offset-7 { margin-left: 58.33333% !important; } #stacks_in_7007 .large-offset-8 { margin-left: 66.66667% !important; } #stacks_in_7007 .large-offset-9 { margin-left: 75% !important; } #stacks_in_7007 .large-offset-10 { margin-left: 83.33333% !important; } #stacks_in_7007 .large-offset-11 { margin-left: 91.66667% !important; } #stacks_in_7007 .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_7007 .column.large-centered, #stacks_in_7007 .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_7007 .column.large-uncentered, #stacks_in_7007 .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_7007 .column.large-centered:last-child, #stacks_in_7007 .columns.large-centered:last-child { float: none; } #stacks_in_7007 .column.large-uncentered:last-child, #stacks_in_7007 .columns.large-uncentered:last-child { float: left; } #stacks_in_7007 .column.large-uncentered.opposite, #stacks_in_7007 .columns.large-uncentered.opposite { float: right; } #stacks_in_7007 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_7007 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_7007 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_7007 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_7007 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_7007 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_7007 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_7007 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_7007 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_7007 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_7007 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_7007 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_7007 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_7007 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_7007 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_7007 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_7007 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_7007 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_7007 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_7007 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_7007 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_7007 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_7007 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_7007 .pull-11 { position: relative; right: 91.66667%; left: auto; } } #stacks_in_7007 [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } #stacks_in_7007 [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } #stacks_in_7007 [class*="block-grid-"]:after { clear: both; } #stacks_in_7007 [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { #stacks_in_7007 .small-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_7007 .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_7007 .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_7007 .small-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_7007 .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_7007 .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_7007 .small-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_7007 .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_7007 .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_7007 .small-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_7007 .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_7007 .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_7007 .small-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_7007 .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_7007 .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_7007 .small-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_7007 .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_7007 .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_7007 .small-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_7007 .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_7007 .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_7007 .small-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_7007 .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_7007 .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_7007 .small-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_7007 .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_7007 .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_7007 .small-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_7007 .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_7007 .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_7007 .small-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_7007 .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_7007 .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_7007 .small-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_7007 .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_7007 .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { #stacks_in_7007 .medium-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_7007 .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_7007 .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_7007 .medium-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_7007 .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_7007 .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_7007 .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_7007 .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_7007 .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_7007 .medium-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_7007 .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_7007 .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_7007 .medium-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_7007 .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_7007 .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_7007 .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_7007 .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_7007 .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_7007 .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_7007 .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_7007 .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_7007 .medium-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_7007 .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_7007 .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_7007 .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_7007 .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_7007 .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_7007 .medium-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_7007 .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_7007 .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_7007 .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_7007 .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_7007 .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_7007 .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_7007 .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_7007 .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { #stacks_in_7007 .large-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_7007 .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_7007 .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_7007 .large-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_7007 .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_7007 .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_7007 .large-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_7007 .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_7007 .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_7007 .large-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_7007 .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_7007 .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_7007 .large-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_7007 .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_7007 .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_7007 .large-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_7007 .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_7007 .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_7007 .large-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_7007 .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_7007 .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_7007 .large-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_7007 .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_7007 .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_7007 .large-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_7007 .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_7007 .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_7007 .large-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_7007 .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_7007 .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_7007 .large-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_7007 .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_7007 .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_7007 .large-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_7007 .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_7007 .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } #stacks_in_7007 { background-color: rgba(204, 204, 204, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; margin: 0px 0px 10px 0px; padding: 0px 5px 0px 5px; } #stacks_in_7008 h3,#stacks_in_7008 h3 a,#stacks_in_7008 p,#stacks_in_7008 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_7008 h3,#stacks_in_7008 h3 a,#stacks_in_7008 p,#stacks_in_7008 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_7008 h3,#stacks_in_7008 h3 a,#stacks_in_7008 p,#stacks_in_7008 p a{ font-size:12px; } } #stacks_in_7008 h3,#stacks_in_7008 h3 a,#stacks_in_7008 p,#stacks_in_7008 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_7008 p a:hover, #stacks_in_7008 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_7008 { margin: 10px 0px 10px 20px; padding: 0px 5px 0px 5px; } #stacks_out_7008 { margin-right:0; } #stacks_in_7009 { font-size: 99%; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_7011, #stacks_in_7011 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_7011 { padding: 20px 0px !important; } #press_alignment_stacks_in_7011 { width: 100%; } #press_alignment_stacks_in_7011.press-left { text-align: left; } #press_alignment_stacks_in_7011.press-center { text-align: center; } #press_alignment_stacks_in_7011.press-right { text-align: right; } #stacks_in_7011 { transition: all 200ms ease; /* */ /* */ /* */ background: #4DCB61; background: -webkit-gradient(linear, left top, left bottom, from(to bottom), color-stop(#4DCB61), to(#16AB54)); background: linear-gradient(to bottom, #4DCB61, #16AB54); /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 10px 15px 10px 15px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_7011:hover { /* */ /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_7011:hover .press-icon i { /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_7011:active { /* */ /* */ /* */ /* */ } #stacks_in_7011:active .press-icon i { /* */ } #stacks_in_7011 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 10px 15px 10px 15px; border-radius: 0px 0px 0px 0px; /* */ /* */ /* */ background: #52A37C; background: -webkit-gradient(linear, left top, left bottom, from(to right), color-stop(#52A37C), to(#0D6634)); background: linear-gradient(to right, #52A37C, #0D6634); /* */ /* */ /* */ /* */ margin-right: 0px; /* */ /* */ /* */ } #stacks_in_7011 .press-icon i { font-size: 20px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_7011 .press-text { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; padding: 5px 10px 5px 10px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 16px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_7011 .press-text .out { margin: 0 !important; } #stacks_in_7011 { font-size: 12px; line-height: 16px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } /* ********* */ /* Normalize */ /* ********* */ /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ #stacks_in_6805 article, #stacks_in_6805 aside, #stacks_in_6805 details, #stacks_in_6805 figcaption, #stacks_in_6805 figure, #stacks_in_6805 footer, #stacks_in_6805 header, #stacks_in_6805 hgroup, #stacks_in_6805 main, #stacks_in_6805 nav, #stacks_in_6805 section, #stacks_in_6805 summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ #stacks_in_6805 audio, #stacks_in_6805 canvas, #stacks_in_6805 progress, #stacks_in_6805 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ #stacks_in_6805 audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ #stacks_in_6805 [hidden], #stacks_in_6805 template { display: none; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ #stacks_in_6805 img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ #stacks_in_6805 svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address differences between Firefox and other browsers. */ #stacks_in_6805 hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ #stacks_in_6805 pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ #stacks_in_6805 code, #stacks_in_6805 kbd, #stacks_in_6805 pre, #stacks_in_6805 samp { font-family: monospace, monospace; font-size: 1em; } /* **************** */ /* Stack Specific */ /* **************** */ #stacks_in_6805 *, #stacks_in_6805 *:before, #stacks_in_6805 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_6805 .wow { visibility: hidden; } /* We use this media query to add styles to any device that supports media queries */ @media only screen { #stacks_in_6805 .column_base_margin { margin-bottom: 0px; } } @media only screen and (max-width: 1024px) { #stacks_in_6805 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 768px wide. */ @media only screen and (max-width: 768px) { #stacks_in_6805 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 480px wide. */ @media only screen and (max-width: 640px) { #stacks_in_6805 .column_base_margin { margin-bottom: 0px; } } /* Handles making images responsive inside the stack */ #stacks_in_6805 img { max-width: 100%; height: auto; } /* **************** */ /* Foundation START */ /* **************** */ /* Copyright (c) 2013-2014 ZURB, inc. MIT License 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. */ #stacks_in_6805 meta.foundation-version { font-family: "/5.3.1/"; } #stacks_in_6805 meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } #stacks_in_6805 meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } #stacks_in_6805 meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } #stacks_in_6805 meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } #stacks_in_6805 meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } #stacks_in_6805 meta.foundation-data-attribute-namespace { font-family: false; } #stacks_in_6805 *, #stacks_in_6805 *:before, #stacks_in_6805 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_6805 .left { float: left !important; } #stacks_in_6805 .right { float: right !important; } #stacks_in_6805 .clearfix:before, #stacks_in_6805 .clearfix:after { content: " "; display: table; } #stacks_in_6805 .clearfix:after { clear: both; } #stacks_in_6805 .hide { display: none; } #stacks_in_6805 .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_6805 img { display: inline-block; vertical-align: middle; } #stacks_in_6805 textarea { height: auto; min-height: 50px; } #stacks_in_6805 select { width: 100%; } #stacks_in_6805 .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } #stacks_in_6805 .row:before, #stacks_in_6805 .row:after { content: " "; display: table; } #stacks_in_6805 .row:after { clear: both; } #stacks_in_6805 .row.collapse > .column, #stacks_in_6805 .row.collapse > .columns { padding-left: 0; padding-right: 0; } #stacks_in_6805 .row.collapse .row { margin-left: 0; margin-right: 0; } #stacks_in_6805 .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; } #stacks_in_6805 .row .row:before, #stacks_in_6805 .row .row:after { content: " "; display: table; } #stacks_in_6805 .row .row:after { clear: both; } #stacks_in_6805 .row .row.collapse { width: auto; margin: 0; max-width: none; } #stacks_in_6805 .row .row.collapse:before, #stacks_in_6805 .row .row.collapse:after { content: " "; display: table; } #stacks_in_6805 .row .row.collapse:after { clear: both; } #stacks_in_6805 .column, #stacks_in_6805 .columns { padding-left: 0.9375em; padding-right: 0.9375em; margin-right: 0; /* Fixes comaptiblity with some themes using skeleton.css */ margin-left: 0; /* Fixes comaptiblity with some themes using skeleton.css */ width: 100%; float: left; } #stacks_in_6805 [class*="column"] + [class*="column"]:last-child { float: right; } #stacks_in_6805 [class*="column"] + [class*="column"].end { float: left; } @media only screen { #stacks_in_6805 .small-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6805 .small-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6805 .small-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6805 .small-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6805 .small-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6805 .small-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6805 .small-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6805 .small-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6805 .small-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6805 .small-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6805 .small-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6805 .small-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6805 .small-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6805 .small-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6805 .small-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6805 .small-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6805 .small-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6805 .small-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6805 .small-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6805 .small-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6805 .small-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6805 .small-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6805 .small-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6805 .small-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_6805 .column, #stacks_in_6805 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_6805 .small-1 { width: 8.33333%; } #stacks_in_6805 .small-2 { width: 16.66667%; } #stacks_in_6805 .small-3 { width: 25%; } #stacks_in_6805 .small-4 { width: 33.33333%; } #stacks_in_6805 .small-5 { width: 41.66667%; } #stacks_in_6805 .small-6 { width: 50%; } #stacks_in_6805 .small-7 { width: 58.33333%; } #stacks_in_6805 .small-8 { width: 66.66667%; } #stacks_in_6805 .small-9 { width: 75%; } #stacks_in_6805 .small-10 { width: 83.33333%; } #stacks_in_6805 .small-11 { width: 91.66667%; } #stacks_in_6805 .small-12 { width: 100%; } #stacks_in_6805 .small-offset-0 { margin-left: 0% !important; } #stacks_in_6805 .small-offset-1 { margin-left: 8.33333% !important; } #stacks_in_6805 .small-offset-2 { margin-left: 16.66667% !important; } #stacks_in_6805 .small-offset-3 { margin-left: 25% !important; } #stacks_in_6805 .small-offset-4 { margin-left: 33.33333% !important; } #stacks_in_6805 .small-offset-5 { margin-left: 41.66667% !important; } #stacks_in_6805 .small-offset-6 { margin-left: 50% !important; } #stacks_in_6805 .small-offset-7 { margin-left: 58.33333% !important; } #stacks_in_6805 .small-offset-8 { margin-left: 66.66667% !important; } #stacks_in_6805 .small-offset-9 { margin-left: 75% !important; } #stacks_in_6805 .small-offset-10 { margin-left: 83.33333% !important; } #stacks_in_6805 .small-offset-11 { margin-left: 91.66667% !important; } #stacks_in_6805 .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_6805 .column.small-centered, #stacks_in_6805 .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_6805 .column.small-uncentered, #stacks_in_6805 .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_6805 .column.small-centered:last-child, #stacks_in_6805 .columns.small-centered:last-child { float: none; } #stacks_in_6805 .column.small-uncentered:last-child, #stacks_in_6805 .columns.small-uncentered:last-child { float: left; } #stacks_in_6805 .column.small-uncentered.opposite, #stacks_in_6805 .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 40.063em) { #stacks_in_6805 .medium-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6805 .medium-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6805 .medium-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6805 .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6805 .medium-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6805 .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6805 .medium-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6805 .medium-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6805 .medium-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6805 .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6805 .medium-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6805 .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6805 .medium-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6805 .medium-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6805 .medium-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6805 .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6805 .medium-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6805 .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6805 .medium-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6805 .medium-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6805 .medium-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6805 .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6805 .medium-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6805 .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_6805 .column, #stacks_in_6805 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_6805 .medium-1 { width: 8.33333%; } #stacks_in_6805 .medium-2 { width: 16.66667%; } #stacks_in_6805 .medium-3 { width: 25%; } #stacks_in_6805 .medium-4 { width: 33.33333%; } #stacks_in_6805 .medium-5 { width: 41.66667%; } #stacks_in_6805 .medium-6 { width: 50%; } #stacks_in_6805 .medium-7 { width: 58.33333%; } #stacks_in_6805 .medium-8 { width: 66.66667%; } #stacks_in_6805 .medium-9 { width: 75%; } #stacks_in_6805 .medium-10 { width: 83.33333%; } #stacks_in_6805 .medium-11 { width: 91.66667%; } #stacks_in_6805 .medium-12 { width: 100%; } #stacks_in_6805 .medium-offset-0 { margin-left: 0% !important; } #stacks_in_6805 .medium-offset-1 { margin-left: 8.33333% !important; } #stacks_in_6805 .medium-offset-2 { margin-left: 16.66667% !important; } #stacks_in_6805 .medium-offset-3 { margin-left: 25% !important; } #stacks_in_6805 .medium-offset-4 { margin-left: 33.33333% !important; } #stacks_in_6805 .medium-offset-5 { margin-left: 41.66667% !important; } #stacks_in_6805 .medium-offset-6 { margin-left: 50% !important; } #stacks_in_6805 .medium-offset-7 { margin-left: 58.33333% !important; } #stacks_in_6805 .medium-offset-8 { margin-left: 66.66667% !important; } #stacks_in_6805 .medium-offset-9 { margin-left: 75% !important; } #stacks_in_6805 .medium-offset-10 { margin-left: 83.33333% !important; } #stacks_in_6805 .medium-offset-11 { margin-left: 91.66667% !important; } #stacks_in_6805 .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_6805 .column.medium-centered, #stacks_in_6805 .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_6805 .column.medium-uncentered, #stacks_in_6805 .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_6805 .column.medium-centered:last-child, #stacks_in_6805 .columns.medium-centered:last-child { float: none; } #stacks_in_6805 .column.medium-uncentered:last-child, #stacks_in_6805 .columns.medium-uncentered:last-child { float: left; } #stacks_in_6805 .column.medium-uncentered.opposite, #stacks_in_6805 .columns.medium-uncentered.opposite { float: right; } #stacks_in_6805 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6805 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6805 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6805 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6805 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6805 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6805 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6805 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6805 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6805 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6805 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6805 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6805 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6805 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6805 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6805 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6805 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6805 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6805 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6805 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6805 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6805 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6805 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6805 .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { #stacks_in_6805 .large-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6805 .large-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6805 .large-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6805 .large-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6805 .large-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6805 .large-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6805 .large-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6805 .large-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6805 .large-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6805 .large-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6805 .large-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6805 .large-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6805 .large-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6805 .large-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6805 .large-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6805 .large-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6805 .large-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6805 .large-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6805 .large-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6805 .large-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6805 .large-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6805 .large-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6805 .large-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6805 .large-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_6805 .column, #stacks_in_6805 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_6805 .large-1 { width: 8.33333%; } #stacks_in_6805 .large-2 { width: 16.66667%; } #stacks_in_6805 .large-3 { width: 25%; } #stacks_in_6805 .large-4 { width: 33.33333%; } #stacks_in_6805 .large-5 { width: 41.66667%; } #stacks_in_6805 .large-6 { width: 50%; } #stacks_in_6805 .large-7 { width: 58.33333%; } #stacks_in_6805 .large-8 { width: 66.66667%; } #stacks_in_6805 .large-9 { width: 75%; } #stacks_in_6805 .large-10 { width: 83.33333%; } #stacks_in_6805 .large-11 { width: 91.66667%; } #stacks_in_6805 .large-12 { width: 100%; } #stacks_in_6805 .large-offset-0 { margin-left: 0% !important; } #stacks_in_6805 .large-offset-1 { margin-left: 8.33333% !important; } #stacks_in_6805 .large-offset-2 { margin-left: 16.66667% !important; } #stacks_in_6805 .large-offset-3 { margin-left: 25% !important; } #stacks_in_6805 .large-offset-4 { margin-left: 33.33333% !important; } #stacks_in_6805 .large-offset-5 { margin-left: 41.66667% !important; } #stacks_in_6805 .large-offset-6 { margin-left: 50% !important; } #stacks_in_6805 .large-offset-7 { margin-left: 58.33333% !important; } #stacks_in_6805 .large-offset-8 { margin-left: 66.66667% !important; } #stacks_in_6805 .large-offset-9 { margin-left: 75% !important; } #stacks_in_6805 .large-offset-10 { margin-left: 83.33333% !important; } #stacks_in_6805 .large-offset-11 { margin-left: 91.66667% !important; } #stacks_in_6805 .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_6805 .column.large-centered, #stacks_in_6805 .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_6805 .column.large-uncentered, #stacks_in_6805 .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_6805 .column.large-centered:last-child, #stacks_in_6805 .columns.large-centered:last-child { float: none; } #stacks_in_6805 .column.large-uncentered:last-child, #stacks_in_6805 .columns.large-uncentered:last-child { float: left; } #stacks_in_6805 .column.large-uncentered.opposite, #stacks_in_6805 .columns.large-uncentered.opposite { float: right; } #stacks_in_6805 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6805 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6805 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6805 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6805 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6805 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6805 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6805 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6805 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6805 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6805 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6805 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6805 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6805 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6805 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6805 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6805 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6805 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6805 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6805 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6805 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6805 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6805 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6805 .pull-11 { position: relative; right: 91.66667%; left: auto; } } #stacks_in_6805 [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } #stacks_in_6805 [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } #stacks_in_6805 [class*="block-grid-"]:after { clear: both; } #stacks_in_6805 [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { #stacks_in_6805 .small-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_6805 .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_6805 .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_6805 .small-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_6805 .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_6805 .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_6805 .small-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_6805 .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_6805 .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_6805 .small-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_6805 .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_6805 .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_6805 .small-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_6805 .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_6805 .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_6805 .small-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_6805 .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_6805 .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_6805 .small-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_6805 .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_6805 .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_6805 .small-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_6805 .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_6805 .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_6805 .small-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_6805 .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_6805 .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_6805 .small-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_6805 .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_6805 .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_6805 .small-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_6805 .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_6805 .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_6805 .small-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_6805 .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_6805 .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { #stacks_in_6805 .medium-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_6805 .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_6805 .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_6805 .medium-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_6805 .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_6805 .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_6805 .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_6805 .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_6805 .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_6805 .medium-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_6805 .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_6805 .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_6805 .medium-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_6805 .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_6805 .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_6805 .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_6805 .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_6805 .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_6805 .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_6805 .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_6805 .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_6805 .medium-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_6805 .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_6805 .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_6805 .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_6805 .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_6805 .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_6805 .medium-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_6805 .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_6805 .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_6805 .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_6805 .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_6805 .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_6805 .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_6805 .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_6805 .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { #stacks_in_6805 .large-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_6805 .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_6805 .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_6805 .large-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_6805 .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_6805 .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_6805 .large-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_6805 .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_6805 .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_6805 .large-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_6805 .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_6805 .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_6805 .large-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_6805 .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_6805 .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_6805 .large-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_6805 .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_6805 .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_6805 .large-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_6805 .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_6805 .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_6805 .large-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_6805 .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_6805 .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_6805 .large-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_6805 .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_6805 .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_6805 .large-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_6805 .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_6805 .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_6805 .large-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_6805 .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_6805 .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_6805 .large-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_6805 .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_6805 .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } #stacks_in_6805 { background-color: rgba(204, 204, 204, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; margin: 0px 0px 10px 0px; padding: 0px 5px 0px 5px; } #stacks_in_6806 h3,#stacks_in_6806 h3 a,#stacks_in_6806 p,#stacks_in_6806 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_6806 h3,#stacks_in_6806 h3 a,#stacks_in_6806 p,#stacks_in_6806 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_6806 h3,#stacks_in_6806 h3 a,#stacks_in_6806 p,#stacks_in_6806 p a{ font-size:12px; } } #stacks_in_6806 h3,#stacks_in_6806 h3 a,#stacks_in_6806 p,#stacks_in_6806 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_6806 p a:hover, #stacks_in_6806 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_6806 { margin: 10px 0px 10px 20px; padding: 0px 5px 0px 5px; } #stacks_out_6806 { margin-right:0; } #stacks_in_6807 { font-size: 99%; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_6809, #stacks_in_6809 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_6809 { padding: 20px 0px !important; } #press_alignment_stacks_in_6809 { width: 100%; } #press_alignment_stacks_in_6809.press-left { text-align: left; } #press_alignment_stacks_in_6809.press-center { text-align: center; } #press_alignment_stacks_in_6809.press-right { text-align: right; } #stacks_in_6809 { transition: all 200ms ease; /* */ /* */ /* */ background: #4DCB61; background: -webkit-gradient(linear, left top, left bottom, from(to bottom), color-stop(#4DCB61), to(#16AB54)); background: linear-gradient(to bottom, #4DCB61, #16AB54); /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 10px 15px 10px 15px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_6809:hover { /* */ /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_6809:hover .press-icon i { /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_6809:active { /* */ /* */ /* */ /* */ } #stacks_in_6809:active .press-icon i { /* */ } #stacks_in_6809 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 10px 15px 10px 15px; border-radius: 0px 0px 0px 0px; /* */ /* */ /* */ background: #52A37C; background: -webkit-gradient(linear, left top, left bottom, from(to right), color-stop(#52A37C), to(#0D6634)); background: linear-gradient(to right, #52A37C, #0D6634); /* */ /* */ /* */ /* */ margin-right: 0px; /* */ /* */ /* */ } #stacks_in_6809 .press-icon i { font-size: 20px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_6809 .press-text { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; padding: 5px 10px 5px 10px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 16px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_6809 .press-text .out { margin: 0 !important; } #stacks_in_6809 { font-size: 12px; line-height: 16px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } /* ScrollShow v1.0.3 */ #stacks_in_7070_2, #stacks_in_7070_2 * { box-sizing: border-box; } #stacks_in_7070_2 { position: fixed; z-index: 100; bottom: 12px; right: 12px; width: calc(50% - 12px) !important; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0"; visibility: hidden; overflow-y: auto; width: 50%; max-height: 100%; -webkit-transition: visibility 300ms, opacity 300ms linear; transition: visibility 300ms, opacity 300ms linear; } /* @group general styling */ #stacks_in_7070_2_wrapper, #stacks_in_7070_2_wrapper p { color: #4C4C4C; } /* @end */ /* @group link styling */ #stacks_in_7070_2_wrapper a, #stacks_in_7070_2_wrapper a.ssClose, #stacks_in_7070_2_wrapper a.ssClose:visited { } #stacks_in_7070_2_wrapper a:visited { } #stacks_in_7070_2_wrapper a:hover, #stacks_in_7070_2_wrapper a.ssClose:hover { } #stacks_in_7070_2_wrapper a:active, #stacks_in_7070_2_wrapper a.ssClose:active { } /* @end */ /* @group heading styling */ #stacks_in_7070_2_wrapper h1 { } #stacks_in_7070_2_wrapper h2 { } #stacks_in_7070_2_wrapper h3 { } #stacks_in_7070_2_wrapper h4 { } #stacks_in_7070_2_wrapper h5 { } #stacks_in_7070_2_wrapper h6 { } /* @end */ /* @group show/hide */ #stacks_in_7070_2.ss_hide { visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } #stacks_in_7070_2.ss_show { visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } #stacks_in_7070_2.ss_hide_forever { visibility: hidden !important; opacity: 0 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important; } /* @end */ /* End of ScrollShow *//* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_7070_3, #stacks_in_7070_3 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_7070_3 { padding: 20px 0px !important; } #press_alignment_stacks_in_7070_3 { width: 100%; } #press_alignment_stacks_in_7070_3.press-left { text-align: left; } #press_alignment_stacks_in_7070_3.press-center { text-align: center; } #press_alignment_stacks_in_7070_3.press-right { text-align: right; } #stacks_in_7070_3 { transition: all 200ms ease; /* */ background: none; /* */ /* */ /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; /* */ /* */ -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 0px 0px 0px 0px; padding: 0px 12px 0px 12px; border-radius: 0px 0px 0px 0px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_7070_3:hover { /* */ /* */ /* */ /* */ } #stacks_in_7070_3:hover .press-icon i { /* */ color: rgba(253, 155, 16, 1.00); /* */ } #stacks_in_7070_3:active { /* */ /* */ /* */ /* */ } #stacks_in_7070_3:active .press-icon i { /* */ } #stacks_in_7070_3 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; /* */ background: none; /* */ /* */ /* */ /* */ /* */ width: 50px; height: 50px; /* */ } #stacks_in_7070_3 .press-icon i { font-size: 50px; color: rgba(24, 26, 43, 1.00); vertical-align: middle; } #stacks_in_7070_3 .press-text { /* */ /* */ font-family: "Nunito"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; padding: 0px 0px 0px 0px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 14px; /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ /* */ } #stacks_in_7070_3 .press-text .out { margin: 0 !important; } #stacks_in_7070_3 { font-size: 14px; line-height: 14px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } @import url(http://fonts.googleapis.com/css?family=Raleway:400,200); body.sideMenuOpen { overflow: hidden !important; } #sideMenuToggleContainer_stacks_in_7071_16 { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; box-sizing: border-box; /* */ /* */ text-align: right; /* */ } #sideMenuToggle_stacks_in_7071_16 { text-align: center; -webkit-user-select: all; -moz-user-select: all; -ms-user-select: all; user-select: all; display: inline-block; z-index: 99; box-sizing: border-box; pointer-events: all; color: #FFFFFF; padding: 10px 20px 10px 20px; border-radius: 11px; /* */ /* */ /* */ /* */ width: auto; /* */ /* */ background: rgba(2, 31, 57, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ font-family: "Open Sans"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ } #sideMenuToggle_stacks_in_7071_16 span, #sideMenuToggle_stacks_in_7071_16 i { vertical-align: middle; } #sideMenuToggle_stacks_in_7071_16 span { font-size: 18px; } #sideMenuToggle_stacks_in_7071_16 i { font-size: 30px; } #sideMenuContainer_stacks_in_7071_16:before, #sideMenuContainer_stacks_in_7071_16:after { content: ''; top: 0; left: 0; right: 0; bottom: 0; margin: 0; opacity: 1; display: block; position: absolute; } #sideMenuContainer_stacks_in_7071_16:before { /* */ background: #FBFDFD; /* */ /* */ /* */ } #sideMenuContainer_stacks_in_7071_16:after { /* */ } #sideMenu_stacks_in_7071_16 { opacity: 1; padding: 18px 15px 10px 15px; /* */ text-align: left; /* */ /* */ /* */ /* */ /* */ /* */ font-family: "Open Sans"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ } #sideMenu_stacks_in_7071_16 .close-icon { opacity: 0; height: auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; margin-bottom: 2px; box-sizing: border-box; z-index: 9999999999999999999999; /* */ text-align: right; /* */ } #sideMenu_stacks_in_7071_16 .close-icon i { display: inline-block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; box-sizing: content-box; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; /* */ color: #021F39; margin: 20px 0px 6px 0px; padding: 5px 5px 5px 5px; width: 40px; height: 40px; font-size: 40px; border-radius: 4px; line-height: 40px; /* */ /* */ /* */ /* */ /* */ } #sideMenu_stacks_in_7071_16 #cssmenu, #sideMenu_stacks_in_7071_16 #cssmenu ul, #sideMenu_stacks_in_7071_16 #cssmenu ul li, #sideMenu_stacks_in_7071_16 #cssmenu ul li a { margin: 0; bottom: 0; padding: 0; display: block; line-height: 1; list-style: none; position: relative; box-sizing: border-box; } #sideMenu_stacks_in_7071_16 #cssmenu { width: 100%; font-family: inherit; } #sideMenu_stacks_in_7071_16 #cssmenu ul > li a small { display: block; margin-top: 7px; font-size: 13px; color: rgba(2, 31, 57, 1.00); } #sideMenu_stacks_in_7071_16 #cssmenu ul ul li a small { display: block; margin-top: 7px; font-size: 13px; /* */ color: rgba(2, 31, 57, 1.00); /* */ } #sideMenu_stacks_in_7071_16 #cssmenu ul > li a i:first-of-type { color: inherit; vertical-align: top; font-size: 15px; } #sideMenu_stacks_in_7071_16 #cssmenu ul ul li a i:first-of-type { color: inherit; vertical-align: top; font-size: 14px; } #sideMenuContainer_stacks_in_7071_16 #cssmenu ul > li.has-sub > a span.sideMenu_dropdown_icons { top: 0; z-index: 5; height: 100%; display: block; color: inherit; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; /* */ right: 0; width: 43px; /* */ } #sideMenuContainer_stacks_in_7071_16 #cssmenu ul > li.has-sub > a span.sideMenu_dropdown_icons i.dropdown-open-icon, #sideMenuContainer_stacks_in_7071_16 #cssmenu ul > li.has-sub > a span.sideMenu_dropdown_icons i.dropdown-close-icon { top: 50%; left: 50%; display: block; color: inherit; position: absolute; font-size: 24px; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); } #sideMenuContainer_stacks_in_7071_16 #cssmenu ul > li.has-sub > a span.sideMenu_dropdown_icons i.dropdown-open-icon { opacity: 1; visibility: visible; } #sideMenuContainer_stacks_in_7071_16 #cssmenu ul > li.has-sub > a span.sideMenu_dropdown_icons i.dropdown-close-icon { opacity: 0; visibility: hidden; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu ul > li.has-sub.open > a i.dropdown-open-icon, #sideMenuContainer_stacks_in_7071_16.open #cssmenu ul > li.has-sub.open > a i.dropdown-close-icon { transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; /* */ -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); /* */ } #sideMenuContainer_stacks_in_7071_16.open #cssmenu ul > li.has-sub.open > a i.dropdown-open-icon { opacity: 0; visibility: hidden; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu ul > li.has-sub.open > a i.dropdown-close-icon { opacity: 1; visibility: visible; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu ul > li.has-sub > a i.dropdown-open-icon { opacity: 1; visibility: visible; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu ul > li.has-sub > a i.dropdown-close-icon { opacity: 0; visibility: hidden; } /* */ #sideMenuContainer_stacks_in_7071_16 #cssmenu ul > li.has-sub > a:hover > .clickable_dropdown { color: #000000; /* */ border-left: 1px dotted; /* */ } /* */ #sideMenu_stacks_in_7071_16 #cssmenu ul > li.has-sub > a { /* */ padding: 16px 45px 16px 18px; /* */ /* */ /* */ } #sideMenu_stacks_in_7071_16 #cssmenu > ul > li > a { z-index: 2; cursor: pointer; text-decoration: none; box-sizing: border-box; color: #FBFDFD; padding: 16px 19px 16px 18px; font-size: 15px; border-radius: 3px; margin-bottom: 10px; /* */ /* */ background: rgba(2, 31, 57, 1.00); /* */ /* */ } #sideMenu_stacks_in_7071_16 #cssmenu > ul > li > a:first-child { margin-top: 0; } #sideMenu_stacks_in_7071_16 #cssmenu ul ul li a { z-index: 2; cursor: pointer; text-decoration: none; font-size: 14px; border-radius: 3px; margin-bottom: 10px; /* */ color: #FBFDFD; padding: 16px 19px 16px 18px; /* */ /* */ background: rgba(2, 31, 57, 1.00); /* */ /* */ /* */ } /* */ #sideMenu_stacks_in_7071_16 #cssmenu ul ul li a { /* */ margin-left: 15px; /* */ /* */ /* */ } #sideMenu_stacks_in_7071_16 #cssmenu ul ul ul li a { /* */ margin-left: 30px; /* */ /* */ /* */ } #sideMenu_stacks_in_7071_16 #cssmenu ul ul ul ul li a { /* */ margin-left: 45px; /* */ /* */ /* */ } #sideMenu_stacks_in_7071_16 #cssmenu ul ul ul ul ul li a { /* */ margin-left: 60px; /* */ /* */ /* */ } #sideMenu_stacks_in_7071_16 #cssmenu ul ul ul ul ul li a { /* */ margin-left: 75px; /* */ /* */ /* */ } /* */ @-webkit-keyframes elegantOpen { 0% { margin-left: -500px; } 100% { margin-left: 0px; } } @keyframes elegantOpen { 0% { margin-left: -500px; } 100% { margin-left: 0px; } } @-webkit-keyframes elegantClose { 0% { margin-left: 0px; } 100% { margin-left: -500px; } } @keyframes elegantClose { 0% { margin-left: 0px; } 100% { margin-left: -500px; } } /* */ #sideMenuToggleContainer_stacks_in_7071_16 { /* */ /* */ left: 0; right: 0; width: 100%; position: fixed; z-index: 100; /* */ /* */ /* */ text-align: right; /* */ /* */ top: 0; /* */ padding: 30px 30px 0px 0px; } #sideMenuToggle_stacks_in_7071_16:hover { cursor: pointer; color: #060606; /* */ background: #FFBE04; /* */ /* */ /* */ } #sideMenu_stacks_in_7071_16 .close-icon i:hover { /* */ /* */ -webkit-transform: rotate(180deg); transform: rotate(180deg); /* */ /* */ } #sideMenuContainer_stacks_in_7071_16 { top: 0; bottom: 0; opacity: 0; width: 100%; position: fixed; visibility: hidden; z-index: 99999999999999999; left: -100%; transition: all 0.2s ease-in; } /* */ @media only screen and (max-width: 440px) { #sideMenuContainer_stacks_in_7071_16 { max-width: 320px; } } @media only screen and (max-width: 770px) and (min-width: 441px) { #sideMenuContainer_stacks_in_7071_16 { max-width: 330px; } } @media only screen and (min-width: 771px) { #sideMenuContainer_stacks_in_7071_16 { max-width: 350px; } } /* */ /* */ #sideMenuContainer_stacks_in_7071_16:before, #sideMenuContainer_stacks_in_7071_16:after { content: ''; z-index: -1; width: 100%; height: 120%; transition: opacity 0.1s ease-in; } #sideMenuContainer_stacks_in_7071_16.open { left: 0; opacity: 1; visibility: visible; transition: 0.2s ease-out; } #sideMenuContainer_stacks_in_7071_16.open:before { visibility: visible; opacity: 1.00; transition: opacity 0.1s ease; } #sideMenuContainer_stacks_in_7071_16.open .close-icon { opacity: 1; transition-delay: 0.4s; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu { opacity: 1; visibility: visible; transition-delay: 0.4s; transition: all 0.3s ease; } #sideMenu_stacks_in_7071_16 { top: 0; left: 0; right: 0; bottom: 0; opacity: 1; width: 100%; height: 100%; overflow-y: auto; visibility: visible; box-sizing: border-box; } #sideMenu_stacks_in_7071_16 #cssmenu ul ul { display: none; } #sideMenu_stacks_in_7071_16 #cssmenu > ul > li.active > ul { display: block; } #sideMenuContainer_stacks_in_7071_16 #cssmenu > ul > li { left: -100%; opacity: 0; transition: left 0.3s ease; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu > ul > li { left: 0%; opacity: 1; transition: all 0.3s ease; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu > ul > li:nth-child(1) { transition-delay: 0.2s; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu > ul > li:nth-child(2) { transition-delay: 0.3s; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu > ul > li:nth-child(3) { transition-delay: 0.4s; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu > ul > li:nth-child(4) { transition-delay: 0.5s; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu > ul > li:nth-child(5) { transition-delay: 0.6s; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu > ul > li:nth-child(6) { transition-delay: 0.7s; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu > ul > li:nth-child(7) { transition-delay: 0.8s; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu > ul > li:nth-child(8) { transition-delay: 0.9s; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu > ul > li:nth-child(9) { transition-delay: 1s; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu > ul > li:nth-child(10) { transition-delay: 1.1s; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu > ul > li:nth-child(11) { transition-delay: 1.2s; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu > ul > li:nth-child(12) { transition-delay: 1.3s; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu > ul > li:nth-child(13) { transition-delay: 1.4s; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu > ul > li:nth-child(14) { transition-delay: 1.5s; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu > ul > li:nth-child(15) { transition-delay: 1.6s; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu > ul > li:nth-child(16) { transition-delay: 1.7s; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu > ul > li:nth-child(17) { transition-delay: 1.8s; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu > ul > li:nth-child(18) { transition-delay: 1.9s; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu > ul > li:nth-child(19) { transition-delay: 2s; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu > ul > li:nth-child(20) { transition-delay: 2.1s; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu > ul > li:nth-child(21) { transition-delay: 2.2s; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu > ul > li:nth-child(22) { transition-delay: 2.3s; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu > ul > li:nth-child(23) { transition-delay: 2.4s; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu > ul > li:nth-child(24) { transition-delay: 2.5s; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu > ul > li:nth-child(25) { transition-delay: 2.6s; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu > ul > li:nth-child(26) { transition-delay: 2.7s; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu > ul > li:nth-child(27) { transition-delay: 2.8s; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu > ul > li:nth-child(28) { transition-delay: 2.9s; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu > ul > li:nth-child(29) { transition-delay: 3s; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu > ul > li:nth-child(30) { transition-delay: 3.1s; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu > ul > li:nth-child(31) { transition-delay: 3.2s; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu > ul > li:nth-child(32) { transition-delay: 3.3s; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu > ul > li:nth-child(33) { transition-delay: 3.4s; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu > ul > li:nth-child(34) { transition-delay: 3.5s; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu > ul > li:nth-child(35) { transition-delay: 3.6s; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu > ul > li:nth-child(36) { transition-delay: 3.7s; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu > ul > li:nth-child(37) { transition-delay: 3.8s; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu > ul > li:nth-child(38) { transition-delay: 3.9s; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu > ul > li:nth-child(39) { transition-delay: 4s; } #sideMenuContainer_stacks_in_7071_16.open #cssmenu > ul > li:nth-child(40) { transition-delay: 4.1s; } #sideMenu_stacks_in_7071_16 #cssmenu ul > li a:hover small { font-size: 13px; color: rgba(0, 0, 0, 0.50); } #sideMenu_stacks_in_7071_16 #cssmenu ul ul li a:hover small { font-size: 13px; /* */ color: rgba(0, 0, 0, 0.50); /* */ } #sideMenu_stacks_in_7071_16 #cssmenu > ul > li > a:hover { color: #000000; /* */ /* */ background: rgba(255, 190, 4, 1.00); /* */ /* */ } #sideMenu_stacks_in_7071_16 #cssmenu ul ul li a:hover { /* */ color: #000000; /* */ /* */ background: rgba(255, 190, 4, 1.00); /* */ /* */ /* */ } @media only screen and (max-width: 440px) { #sideMenuContainer_stacks_in_7071_16.hide-m, #sideMenuToggleContainer_stacks_in_7071_16.hide-m { display: none; } } @media only screen and (max-width: 770px) and (min-width: 441px) { #sideMenuContainer_stacks_in_7071_16.hide-t, #sideMenuToggleContainer_stacks_in_7071_16.hide-t { display: none; } } @media only screen and (min-width: 771px) { #sideMenuContainer_stacks_in_7071_16.hide-d, #sideMenuToggleContainer_stacks_in_7071_16.hide-d { display: none; } } /* */ /* */ /* */ } #sideMenuItem_stacks_in_7071_26.sub_level_5::before { content: 'Sub Level 5'; background: purple; } /* */ } #sideMenuItem_stacks_in_7071_29.sub_level_5::before { content: 'Sub Level 5'; background: purple; } #stacks_in_7071_18 h1,#stacks_in_7071_18 h1 a,#stacks_in_7071_18 p,#stacks_in_7071_18 p a{ font-size:33px; line-height:1.25em; margin:0; } #stacks_in_7071_18 h1,#stacks_in_7071_18 h1 a,#stacks_in_7071_18 p,#stacks_in_7071_18 p a{ color:rgba(1, 1, 1, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:center; font-weight: normal ; font-family:"A-OTF-RyuminPro-Heavy"; text-shadow: 0px 1px 1px rgba(255, 255, 255, 1.00); } #stacks_in_7071_18 p a:hover, #stacks_in_7071_18 h1 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_7071_18 { margin: 10px 0px 0px 0px; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_7071_34, #stacks_in_7071_34 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_7071_34 { padding: 20px 0px !important; } #press_alignment_stacks_in_7071_34 { width: 100%; } #press_alignment_stacks_in_7071_34.press-left { text-align: left; } #press_alignment_stacks_in_7071_34.press-center { text-align: center; } #press_alignment_stacks_in_7071_34.press-right { text-align: right; } #stacks_in_7071_34 { transition: all 200ms ease; /* */ /* */ /* */ background: #999999; background: -webkit-gradient(linear, left top, left bottom, from(to top), color-stop(#999999), to(#FFFFFF)); background: linear-gradient(to top, #999999, #FFFFFF); /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(0, 0, 0, 1.00); margin: 10px 10px 10px 10px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_7071_34:hover { /* */ /* */ /* */ background: rgba(2, 31, 57, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_7071_34:hover .press-icon i { /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_7071_34:active { /* */ /* */ /* */ /* */ color: rgba(204, 0, 0, 1.00); /* */ } #stacks_in_7071_34:active .press-icon i { /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_7071_34 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 10px 14px 10px 14px; border-radius: 0px 0px 0px 0px; /* */ /* */ background: rgba(2, 31, 57, 1.00); /* */ /* */ /* */ /* */ /* */ margin-right: 7px; /* */ /* */ /* */ } #stacks_in_7071_34 .press-icon i { font-size: 17px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_7071_34 .press-text { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 13px; padding: 10px 10px 10px 10px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 16px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_7071_34 .press-text .out { margin: 0 !important; } #stacks_in_7071_34 { font-size: 13px; line-height: 16px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } .hp_stacks_in_7072 .hp-bg-layer { background-color : rgba(255, 255, 255, 0.00); background-image : url(../files/backgroundImage-7072.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; } .hp_stacks_in_7072 .hp-fg-layer { min-height: 100vh; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; } .hp_stacks_in_7072 .hp-fg-layer .hp-section { max-width: 1280px; width: calc(100% - 60px); margin:0 auto; } .hp_stacks_in_7072 .hp-fg-layer > .hp-layer-2, .hp_stacks_in_7072 .hp-fg-layer > .hp-layer-4 { display: none; } .hp_stacks_in_7072 .hp-fg-layer .hp-svg-wrap > .hp-extend, .hp_stacks_in_7072 .hp-fg-layer .hp-layer-2 .hp-svg-wrap .hp-wave-1, .hp_stacks_in_7072 .hp-fg-layer .hp-layer-3 .hp-svg-wrap .hp-wave-2, .hp_stacks_in_7072 .hp-fg-layer .hp-layer-4 .hp-svg-wrap .hp-wave-3 { display: block; } .hp_stacks_in_7072 .hp-fg-layer .hp-layer-3 .hp-svg-wrap .hp-wave-2 { -webkit-transform: translateX(-50%) rotateY(180deg); transform: translateX(-50%) rotateY(180deg); left: 50%; position: relative; } @media all and (min-width:1920px){ .hp_stacks_in_7072 .hp-svg-wrap svg{ height:240px } .hp_stacks_in_7072 .hp-fg-layer .hp-horizon-content{ padding-bottom:240px } .hp_stacks_in_7072 .hp-fg-layer .hp-svg-wrap svg{ position:absolute; top:-240px } } #stacks_in_7076 { margin: 0px 0px 30px 0px; } #stacks_in_7077>.s3_row { margin: 0 -0px; } #stacks_in_7077>.s3_row>.s3_column_left { width: 37.80%; } #stacks_in_7077>.s3_row>.s3_column_right { width: 62.200001%; } #stacks_in_7077>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_7077>.s3_row { margin: -0px 0; } #stacks_in_7077>.s3_row>.s3_column { padding: 0px 0; width:100%; } } #stacks_in_7080 h3,#stacks_in_7080 h3 a,#stacks_in_7080 p,#stacks_in_7080 p a{ font-size:36px; line-height:1.68em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_7080 h3,#stacks_in_7080 h3 a,#stacks_in_7080 p,#stacks_in_7080 p a{ font-size:32px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_7080 h3,#stacks_in_7080 h3 a,#stacks_in_7080 p,#stacks_in_7080 p a{ font-size:25px; } } #stacks_in_7080 h3,#stacks_in_7080 h3 a,#stacks_in_7080 p,#stacks_in_7080 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:center; font-weight: normal ; font-family:"A-OTF-RyuminPro-Heavy"; } #stacks_in_7080 p a:hover, #stacks_in_7080 h3 a:hover{ color:rgba(253, 174, 31, 1.00); } #stacks_in_9256_2 h3,#stacks_in_9256_2 h3 a,#stacks_in_9256_2 p,#stacks_in_9256_2 p a{ font-size:23px; line-height:1.11em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_9256_2 h3,#stacks_in_9256_2 h3 a,#stacks_in_9256_2 p,#stacks_in_9256_2 p a{ font-size:21px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_9256_2 h3,#stacks_in_9256_2 h3 a,#stacks_in_9256_2 p,#stacks_in_9256_2 p a{ font-size:17px; } } #stacks_in_9256_2 h3,#stacks_in_9256_2 h3 a,#stacks_in_9256_2 p,#stacks_in_9256_2 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:center; font-weight: normal ; font-family:"A-OTF-RyuminPro-Heavy"; } #stacks_in_9256_2 p a:hover, #stacks_in_9256_2 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_7085 h3,#stacks_in_7085 h3 a,#stacks_in_7085 p,#stacks_in_7085 p a{ font-size:30px; line-height:1.68em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_7085 h3,#stacks_in_7085 h3 a,#stacks_in_7085 p,#stacks_in_7085 p a{ font-size:28px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_7085 h3,#stacks_in_7085 h3 a,#stacks_in_7085 p,#stacks_in_7085 p a{ font-size:25px; } } #stacks_in_7085 h3,#stacks_in_7085 h3 a,#stacks_in_7085 p,#stacks_in_7085 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:center; font-weight: normal ; font-family:"A-OTF-RyuminPro-Heavy"; } #stacks_in_7085 p a:hover, #stacks_in_7085 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } /* -- Start Anchor Each css Template -- */ .stacks_in_9191editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_9191editInfo i{ vertical-align: middle; } .stacks_in_9191editInfo:before{ content:"#da9"; float: right; } .stacks_in_9191editInfo:after{ content:""; display: table; clear: both; } .stacks_in_9191topOffset{ position: relative; height: 50; background: #ecf0f1; border: 1px solid #bdc3c7; border-top-right-radius: 2px; border-top-left-radius: 2px; margin-bottom: -2px; } .stacks_in_9191topOffset:after{ content: "Top Offset"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #7f8c8d; } /* -- End Anchor Each css Template -- *//* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_9192, #stacks_in_9192 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_9192 { padding: 20px 0px !important; } #press_alignment_stacks_in_9192 { width: 100%; } #press_alignment_stacks_in_9192.press-left { text-align: left; } #press_alignment_stacks_in_9192.press-center { text-align: center; } #press_alignment_stacks_in_9192.press-right { text-align: right; } #stacks_in_9192 { transition: all 200ms ease; /* */ /* */ background: rgba(2, 31, 57, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: inline-flex; width: 70%; /* */ /* */ /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 10px 10px 10px 10px; padding: 12px 14px 12px 14px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_9192:hover { /* */ /* */ /* */ background: rgba(253, 174, 31, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_9192:hover .press-icon i { /* */ color: rgba(1, 1, 1, 1.00); /* */ } #stacks_in_9192:active { /* */ /* */ /* */ /* */ } #stacks_in_9192:active .press-icon i { /* */ } #stacks_in_9192 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ margin-right: 8px; /* */ /* */ /* */ } #stacks_in_9192 .press-icon i { font-size: 16px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_9192 .press-text { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; padding: 0px 0px 0px 0px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 16px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_9192 .press-text .out { margin: 0 !important; } #stacks_in_9192 { font-size: 16px; line-height: 16px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } /* -- Start Anchor Each css Template -- */ .stacks_in_9186editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_9186editInfo i{ vertical-align: middle; } .stacks_in_9186editInfo:before{ content:"#da13"; float: right; } .stacks_in_9186editInfo:after{ content:""; display: table; clear: both; } .stacks_in_9186topOffset{ position: relative; height: 50; background: #ecf0f1; border: 1px solid #bdc3c7; border-top-right-radius: 2px; border-top-left-radius: 2px; margin-bottom: -2px; } .stacks_in_9186topOffset:after{ content: "Top Offset"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #7f8c8d; } /* -- End Anchor Each css Template -- *//* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_9189, #stacks_in_9189 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_9189 { padding: 20px 0px !important; } #press_alignment_stacks_in_9189 { width: 100%; } #press_alignment_stacks_in_9189.press-left { text-align: left; } #press_alignment_stacks_in_9189.press-center { text-align: center; } #press_alignment_stacks_in_9189.press-right { text-align: right; } #stacks_in_9189 { transition: all 200ms ease; /* */ /* */ background: rgba(2, 31, 57, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: inline-flex; width: 70%; /* */ /* */ /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 10px 10px 10px 10px; padding: 12px 14px 12px 14px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_9189:hover { /* */ /* */ /* */ background: rgba(253, 174, 31, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_9189:hover .press-icon i { /* */ color: rgba(1, 1, 1, 1.00); /* */ } #stacks_in_9189:active { /* */ /* */ /* */ /* */ } #stacks_in_9189:active .press-icon i { /* */ } #stacks_in_9189 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ margin-right: 8px; /* */ /* */ /* */ } #stacks_in_9189 .press-icon i { font-size: 16px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_9189 .press-text { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; padding: 0px 0px 0px 0px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 16px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_9189 .press-text .out { margin: 0 !important; } #stacks_in_9189 { font-size: 16px; line-height: 16px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } #sideMenuToggleContainer_stacks_in_7088 { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; box-sizing: border-box; /* */ text-align: center; /* */ /* */ /* */ /* */ padding: 20px 0px 20px 0px; /* */ width: auto; position: static; /* */ /* */ /* */ } #sideMenuToggle_stacks_in_7088 { text-align: center; display: inline-block; box-sizing: border-box; -webkit-user-select: all; -moz-user-select: all; -ms-user-select: all; user-select: all; pointer-events: all; color: #FEFEFE; padding: 5px 0px 5px 0px; border-radius: 6px; z-index: 9999999999999; /* */ /* */ /* */ /* */ width: 70%; /* */ /* */ /* */ border: 1px solid rgba(0, 0, 0, 1.00); /* */ /* */ /* */ background: #021F39; /* */ /* */ /* */ /* */ /* */ font-family: "Open Sans", Helvetica, Tahoma, serif; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ } #sideMenuToggle_stacks_in_7088:hover { cursor: pointer; color: #040404; /* */ background: #FDAE1F; /* */ /* */ /* */ } #sideMenuToggle_stacks_in_7088 span, #sideMenuToggle_stacks_in_7088 i { line-height: inherit; vertical-align: middle; } #sideMenuToggle_stacks_in_7088 span { font-size: 14px; } #sideMenuToggle_stacks_in_7088 i { font-size: 22px; } /* */ /* -- Start Anchor Each css Template -- */ .stacks_in_7091editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_7091editInfo i{ vertical-align: middle; } .stacks_in_7091editInfo:before{ content:"#da9"; float: right; } .stacks_in_7091editInfo:after{ content:""; display: table; clear: both; } .stacks_in_7091topOffset{ position: relative; height: 50; background: #ecf0f1; border: 1px solid #bdc3c7; border-top-right-radius: 2px; border-top-left-radius: 2px; margin-bottom: -2px; } .stacks_in_7091topOffset:after{ content: "Top Offset"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #7f8c8d; } /* -- End Anchor Each css Template -- *//* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_9197_2, #stacks_in_9197_2 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_9197_2 { padding: 20px 0px !important; } #press_alignment_stacks_in_9197_2 { width: 100%; } #press_alignment_stacks_in_9197_2.press-left { text-align: left; } #press_alignment_stacks_in_9197_2.press-center { text-align: center; } #press_alignment_stacks_in_9197_2.press-right { text-align: right; } #stacks_in_9197_2 { transition: all 200ms ease; /* */ background: none; /* */ /* */ /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 0px 0px 0px 0px; padding: 0px 12px 0px 12px; border-radius: 0px 0px 0px 0px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_9197_2:hover { /* */ /* */ /* */ /* */ } #stacks_in_9197_2:hover .press-icon i { /* */ color: rgba(253, 155, 16, 1.00); /* */ } #stacks_in_9197_2:active { /* */ /* */ /* */ /* */ } #stacks_in_9197_2:active .press-icon i { /* */ } #stacks_in_9197_2 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; /* */ background: none; /* */ /* */ /* */ /* */ /* */ width: 60px; height: 60px; /* */ } #stacks_in_9197_2 .press-icon i { font-size: 60px; color: rgba(0, 0, 0, 1.00); vertical-align: middle; } #stacks_in_9197_2 .press-text { /* */ /* */ font-family: "Nunito"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; padding: 0px 0px 0px 0px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 22px; /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ /* */ } #stacks_in_9197_2 .press-text .out { margin: 0 !important; } #stacks_in_9197_2 { font-size: 16px; line-height: 22px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } #stacks_in_7098 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_7098 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_7098 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_7100 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_7100 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_7100 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_7102 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_7102 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_7102 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_7104 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_7104 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_7104 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_7106 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_7106 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_7106 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }/* -- Start Anchor Each css Template -- */ .stacks_in_5655anchorStack{ height: 0px !important; padding: 0 !important; margin: 0 !important; } .stacks_in_5655editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_5655editInfo i{ vertical-align: middle; } .stacks_in_5655editInfo:before{ content:"#da9"; float: right; } .stacks_in_5655editInfo:after{ content:""; display: table; clear: both; } .stacks_in_5655topOffset{ position: relative; height: 0; background: #ecf0f1; border: 1px solid #bdc3c7; border-top-right-radius: 2px; border-top-left-radius: 2px; margin-bottom: -2px; } /* -- End Anchor Each css Template -- */.hp_stacks_in_7404 .hp-bg-layer { background-color : rgba(210, 209, 211, 1.00); } .hp_stacks_in_7404 .hp-fg-layer { min-height: 100vh; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; } .hp_stacks_in_7404 .hp-fg-layer .hp-section { max-width: 1280px; width: calc(100% - 60px); margin:0 auto; } .hp_stacks_in_7404 .hp-fg-layer > .hp-layer-2, .hp_stacks_in_7404 .hp-fg-layer > .hp-layer-4 { display: none; } .hp_stacks_in_7404 .hp-fg-layer .hp-svg-wrap > .hp-extend, .hp_stacks_in_7404 .hp-fg-layer .hp-layer-2 .hp-svg-wrap .hp-wave-1, .hp_stacks_in_7404 .hp-fg-layer .hp-layer-3 .hp-svg-wrap .hp-wave-2, .hp_stacks_in_7404 .hp-fg-layer .hp-layer-4 .hp-svg-wrap .hp-wave-3 { display: block; } .hp_stacks_in_7404 .hp-fg-layer .hp-layer-3 .hp-svg-wrap .hp-wave-2 { -webkit-transform: translateX(-50%) rotateY(180deg); transform: translateX(-50%) rotateY(180deg); left: 50%; position: relative; } @media all and (min-width:1920px){ .hp_stacks_in_7404 .hp-svg-wrap svg{ height:240px } .hp_stacks_in_7404 .hp-fg-layer .hp-horizon-content{ padding-bottom:240px } .hp_stacks_in_7404 .hp-fg-layer .hp-svg-wrap svg{ position:absolute; top:-240px } } #stacks_in_7405 { margin: 0px 0px 10px 0px; } #stacks_in_5 h3,#stacks_in_5 h3 a,#stacks_in_5 p,#stacks_in_5 p a{ font-size:17px; line-height:1.66em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_5 h3,#stacks_in_5 h3 a,#stacks_in_5 p,#stacks_in_5 p a{ font-size:15px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_5 h3,#stacks_in_5 h3 a,#stacks_in_5 p,#stacks_in_5 p a{ font-size:13px; } } #stacks_in_5 h3,#stacks_in_5 h3 a,#stacks_in_5 p,#stacks_in_5 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:center; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_5 p a:hover, #stacks_in_5 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_5 { background-color: rgba(255, 255, 255, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 10px; padding: 20px; } #stacks_in_5593>.s3_row { margin: 0 -20px; } #stacks_in_5593>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_5593>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_5593>.s3_row>.s3_column { padding: 0 20px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_5593>.s3_row { margin: -20px 0; } #stacks_in_5593>.s3_row>.s3_column { padding: 20px 0; width:100%; } } #stacks_in_5596 h3,#stacks_in_5596 h3 a,#stacks_in_5596 p,#stacks_in_5596 p a{ font-size:16px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_5596 h3,#stacks_in_5596 h3 a,#stacks_in_5596 p,#stacks_in_5596 p a{ font-size:15px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_5596 h3,#stacks_in_5596 h3 a,#stacks_in_5596 p,#stacks_in_5596 p a{ font-size:13px; } } #stacks_in_5596 h3,#stacks_in_5596 h3 a,#stacks_in_5596 p,#stacks_in_5596 p a{ color:rgba(255, 255, 255, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:center; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_5596 p a:hover, #stacks_in_5596 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_5596 { background-color: rgba(2, 31, 57, 1.00); border: solid rgba(102, 102, 102, 1.00); border-width: 1px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 10px; padding: 10px; } #stacks_out_5596 { width: 50%; } #stacks_in_5597 { font-size: 99%; } /* -- Start Anchor Each css Template -- */ .stacks_in_5599editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_5599editInfo i{ vertical-align: middle; } .stacks_in_5599editInfo:before{ content:"#da2"; float: right; } .stacks_in_5599editInfo:after{ content:""; display: table; clear: both; } .stacks_in_5599topOffset{ position: relative; height: 50; background: #ecf0f1; border: 1px solid #bdc3c7; border-top-right-radius: 2px; border-top-left-radius: 2px; margin-bottom: -2px; } .stacks_in_5599topOffset:after{ content: "Top Offset"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #7f8c8d; } /* -- End Anchor Each css Template -- */@font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_in_5600_press.press-lite { box-sizing: border-box; position: relative; /* */ cursor: pointer; /* */ padding: 12px 24px; border-radius: 4px; text-decoration: none; display: inline-block; margin: 0; font-size: 15px; line-height: 15px; /* */ /* */ background-color: rgba(254, 252, 255, 1.00); /* */ /* */ /* */ /* */ display: block; /* */ text-align: center; /* */ /* */ /* */ font-family: ; /* */ border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.51); } #stacks_in_5600_press.press-lite:focus {outline:0;} #stacks_in_5600_press_wrap { /* */ /* */ /* */ margin: 12px 0px 12px 0px; } #stacks_in_5600_press.press-lite { white-space: nowrap; } #stacks_in_5600_press.press-lite .press-lite-text span, #stacks_in_5600_press.press-lite .press-lite-text:after { overflow: hidden; color: rgba(38, 38, 38, 1.00); /* */ } #stacks_in_5600_press.press-lite, #stacks_in_5600_press.press-lite .press-lite-text, #stacks_in_5600_press.press-lite .press-lite-text:after, #stacks_in_5600_press.press-lite .press-lite-text > span, #stacks_in_5600_press.press-lite .press-lite-icon i, #stacks_in_5600_press.press-lite .press-lite-icon img, #stacks_in_5600_press.press-lite .press-lite-icon svg, #stacks_in_5600_press.press-lite .press-lite-icon svg path, #stacks_in_5600_press.press-lite .press-lite-icon svg polyline, #stacks_in_5600_press.press-lite .press-lite-icon:after { transition: all 200ms ease; } #stacks_in_5600_press.press-lite .press-lite-text { z-index: 1; position: relative; } #stacks_in_5600_press.press-lite .press-lite-icon i, #stacks_in_5600_press.press-lite .press-lite-icon img { position: relative; color: rgba(253, 174, 31, 1.00); display: inline-block; /* */ margin-right: 8px; /* */ font-size: 15px; line-height: 15px; z-index: 1; } #stacks_in_5600_press.press-lite .press-lite-icon img { height: 15px; width: auto; vertical-align: top; } #stacks_in_5600_press.press-lite .press-lite-icon svg { display: inline-block; /* */ margin-right: 8px; /* */ height: 18.750000px; z-index: 1; } /* */ #stacks_in_5600_press.press-lite .press-lite-icon.press-lite-icon-off svg { transform: translateX(5%); } #stacks_in_5600_press.press-lite .press-lite-icon svg path { fill: rgba(253, 174, 31, 1.00); } #stacks_in_5600_press.press-lite .press-lite-icon svg polyline { fill:none; stroke: rgba(253, 174, 31, 1.00); stroke-linecap:round; stroke-linejoin:round; stroke-width:48px; } #stacks_in_5600_press.press-lite:active, #stacks_in_5600_press.press-lite:focus { transform: translate(0,0); } /* */ /* */ #stacks_in_5600_press.press-lite:hover { background: rgba(2, 31, 57, 1.00); } /* */ /* */ #stacks_in_5600_press.press-lite:hover { border-color: rgba(0, 0, 0, 0.15); } #stacks_in_5600_press.press-lite:hover .press-lite-text span, #stacks_in_5600_press.press-lite:hover .press-lite-text:after { color: rgba(255, 255, 255, 1.00); } #stacks_in_5600_press.press-lite:hover .press-lite-icon i { color: rgba(253, 174, 31, 1.00); } #stacks_in_5600_press.press-lite:hover .press-lite-icon svg path { fill: rgba(253, 174, 31, 1.00); } #stacks_in_5600_press.press-lite:hover .press-lite-icon svg polyline { fill:none; stroke: rgba(253, 174, 31, 1.00); } /* */ /* */ #stacks_in_5600_press.press-lite { padding: 0; } #stacks_in_5600_press.press-lite .press-lite-text { position: relative; z-index: 1; display: inline-block; padding: 12px 24px 12px 13px; } #stacks_in_5600_press.press-lite .press-lite-icon i, #stacks_in_5600_press.press-lite .press-lite-icon img, #stacks_in_5600_press.press-lite .press-lite-icon svg { margin: 0; } #stacks_in_5600_press.press-lite .press-lite-icon { padding: 0px; display: grid; float:left; align-content: center; justify-content: center; width: 39px; height: 39px; text-align: center; } #stacks_in_5600_press.press-lite .press-lite-icon:after { content: ""; color: transparent; position: absolute; top: -1px; left: -1px; bottom: -1px; background: rgba(2, 31, 57, 1.00); border-radius: 4px 0px 0px 4px; width: 39px; height: 41px; } /* */ /* */ /* */ /* */ /* */ /* */ #stacks_in_5600_press.press-lite:active { box-shadow: inset 0px 0px 0px 300px rgba(0,0,0,0.1); } /* */ #stacks_in_5600_press.press-lite .press-lite-lines { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; display: grid; } #stacks_in_5600_press.press-lite .press-lite-line-t, #stacks_in_5600_press.press-lite .press-lite-line-b { position: absolute; height: 1px; width: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_5600_press.press-lite .press-lite-line-l, #stacks_in_5600_press.press-lite .press-lite-line-r { position: absolute; width: 1px; height: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_5600_press.press-lite .press-lite-line-t { top: 0; } #stacks_in_5600_press.press-lite .press-lite-line-b { bottom: 0; width: 100%; } #stacks_in_5600_press.press-lite .press-lite-line-l { left: 0; } #stacks_in_5600_press.press-lite .press-lite-line-r { right: 0; } /* */ /* */ /* */ /* */ /* -- Start Anchor Each css Template -- */ .stacks_in_9268editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_9268editInfo i{ vertical-align: middle; } .stacks_in_9268editInfo:before{ content:"#da20"; float: right; } .stacks_in_9268editInfo:after{ content:""; display: table; clear: both; } .stacks_in_9268topOffset{ position: relative; height: 50; background: #ecf0f1; border: 1px solid #bdc3c7; border-top-right-radius: 2px; border-top-left-radius: 2px; margin-bottom: -2px; } .stacks_in_9268topOffset:after{ content: "Top Offset"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #7f8c8d; } /* -- End Anchor Each css Template -- */@font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_in_9269_press.press-lite { box-sizing: border-box; position: relative; /* */ cursor: pointer; /* */ padding: 12px 24px; border-radius: 4px; text-decoration: none; display: inline-block; margin: 0; font-size: 15px; line-height: 15px; /* */ /* */ background-color: rgba(254, 252, 255, 1.00); /* */ /* */ /* */ /* */ display: block; /* */ text-align: center; /* */ /* */ /* */ font-family: ; /* */ border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.51); } #stacks_in_9269_press.press-lite:focus {outline:0;} #stacks_in_9269_press_wrap { /* */ /* */ /* */ margin: 12px 0px 12px 0px; } #stacks_in_9269_press.press-lite { white-space: nowrap; } #stacks_in_9269_press.press-lite .press-lite-text span, #stacks_in_9269_press.press-lite .press-lite-text:after { overflow: hidden; color: rgba(38, 38, 38, 1.00); /* */ } #stacks_in_9269_press.press-lite, #stacks_in_9269_press.press-lite .press-lite-text, #stacks_in_9269_press.press-lite .press-lite-text:after, #stacks_in_9269_press.press-lite .press-lite-text > span, #stacks_in_9269_press.press-lite .press-lite-icon i, #stacks_in_9269_press.press-lite .press-lite-icon img, #stacks_in_9269_press.press-lite .press-lite-icon svg, #stacks_in_9269_press.press-lite .press-lite-icon svg path, #stacks_in_9269_press.press-lite .press-lite-icon svg polyline, #stacks_in_9269_press.press-lite .press-lite-icon:after { transition: all 200ms ease; } #stacks_in_9269_press.press-lite .press-lite-text { z-index: 1; position: relative; } #stacks_in_9269_press.press-lite .press-lite-icon i, #stacks_in_9269_press.press-lite .press-lite-icon img { position: relative; color: rgba(253, 174, 31, 1.00); display: inline-block; /* */ margin-right: 8px; /* */ font-size: 15px; line-height: 15px; z-index: 1; } #stacks_in_9269_press.press-lite .press-lite-icon img { height: 15px; width: auto; vertical-align: top; } #stacks_in_9269_press.press-lite .press-lite-icon svg { display: inline-block; /* */ margin-right: 8px; /* */ height: 18.750000px; z-index: 1; } /* */ #stacks_in_9269_press.press-lite .press-lite-icon.press-lite-icon-off svg { transform: translateX(5%); } #stacks_in_9269_press.press-lite .press-lite-icon svg path { fill: rgba(253, 174, 31, 1.00); } #stacks_in_9269_press.press-lite .press-lite-icon svg polyline { fill:none; stroke: rgba(253, 174, 31, 1.00); stroke-linecap:round; stroke-linejoin:round; stroke-width:48px; } #stacks_in_9269_press.press-lite:active, #stacks_in_9269_press.press-lite:focus { transform: translate(0,0); } /* */ /* */ #stacks_in_9269_press.press-lite:hover { background: rgba(2, 31, 57, 1.00); } /* */ /* */ #stacks_in_9269_press.press-lite:hover { border-color: rgba(0, 0, 0, 0.15); } #stacks_in_9269_press.press-lite:hover .press-lite-text span, #stacks_in_9269_press.press-lite:hover .press-lite-text:after { color: rgba(255, 255, 255, 1.00); } #stacks_in_9269_press.press-lite:hover .press-lite-icon i { color: rgba(253, 174, 31, 1.00); } #stacks_in_9269_press.press-lite:hover .press-lite-icon svg path { fill: rgba(253, 174, 31, 1.00); } #stacks_in_9269_press.press-lite:hover .press-lite-icon svg polyline { fill:none; stroke: rgba(253, 174, 31, 1.00); } /* */ /* */ #stacks_in_9269_press.press-lite { padding: 0; } #stacks_in_9269_press.press-lite .press-lite-text { position: relative; z-index: 1; display: inline-block; padding: 12px 24px 12px 13px; } #stacks_in_9269_press.press-lite .press-lite-icon i, #stacks_in_9269_press.press-lite .press-lite-icon img, #stacks_in_9269_press.press-lite .press-lite-icon svg { margin: 0; } #stacks_in_9269_press.press-lite .press-lite-icon { padding: 0px; display: grid; float:left; align-content: center; justify-content: center; width: 39px; height: 39px; text-align: center; } #stacks_in_9269_press.press-lite .press-lite-icon:after { content: ""; color: transparent; position: absolute; top: -1px; left: -1px; bottom: -1px; background: rgba(2, 31, 57, 1.00); border-radius: 4px 0px 0px 4px; width: 39px; height: 41px; } /* */ /* */ /* */ /* */ /* */ /* */ #stacks_in_9269_press.press-lite:active { box-shadow: inset 0px 0px 0px 300px rgba(0,0,0,0.1); } /* */ #stacks_in_9269_press.press-lite .press-lite-lines { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; display: grid; } #stacks_in_9269_press.press-lite .press-lite-line-t, #stacks_in_9269_press.press-lite .press-lite-line-b { position: absolute; height: 1px; width: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_9269_press.press-lite .press-lite-line-l, #stacks_in_9269_press.press-lite .press-lite-line-r { position: absolute; width: 1px; height: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_9269_press.press-lite .press-lite-line-t { top: 0; } #stacks_in_9269_press.press-lite .press-lite-line-b { bottom: 0; width: 100%; } #stacks_in_9269_press.press-lite .press-lite-line-l { left: 0; } #stacks_in_9269_press.press-lite .press-lite-line-r { right: 0; } /* */ /* */ /* */ /* */ /* -- Start Anchor Each css Template -- */ .stacks_in_5604editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_5604editInfo i{ vertical-align: middle; } .stacks_in_5604editInfo:before{ content:"#da3"; float: right; } .stacks_in_5604editInfo:after{ content:""; display: table; clear: both; } .stacks_in_5604topOffset{ position: relative; height: 50; background: #ecf0f1; border: 1px solid #bdc3c7; border-top-right-radius: 2px; border-top-left-radius: 2px; margin-bottom: -2px; } .stacks_in_5604topOffset:after{ content: "Top Offset"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #7f8c8d; } /* -- End Anchor Each css Template -- */@font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_in_5605_press.press-lite { box-sizing: border-box; position: relative; /* */ cursor: pointer; /* */ padding: 12px 24px; border-radius: 4px; text-decoration: none; display: inline-block; margin: 0; font-size: 15px; line-height: 15px; /* */ /* */ background-color: rgba(254, 252, 255, 1.00); /* */ /* */ /* */ /* */ display: block; /* */ text-align: center; /* */ /* */ /* */ font-family: ; /* */ border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.50); } #stacks_in_5605_press.press-lite:focus {outline:0;} #stacks_in_5605_press_wrap { /* */ /* */ /* */ margin: 12px 0px 12px 0px; } #stacks_in_5605_press.press-lite { white-space: nowrap; } #stacks_in_5605_press.press-lite .press-lite-text span, #stacks_in_5605_press.press-lite .press-lite-text:after { overflow: hidden; color: rgba(51, 51, 51, 1.00); /* */ } #stacks_in_5605_press.press-lite, #stacks_in_5605_press.press-lite .press-lite-text, #stacks_in_5605_press.press-lite .press-lite-text:after, #stacks_in_5605_press.press-lite .press-lite-text > span, #stacks_in_5605_press.press-lite .press-lite-icon i, #stacks_in_5605_press.press-lite .press-lite-icon img, #stacks_in_5605_press.press-lite .press-lite-icon svg, #stacks_in_5605_press.press-lite .press-lite-icon svg path, #stacks_in_5605_press.press-lite .press-lite-icon svg polyline, #stacks_in_5605_press.press-lite .press-lite-icon:after { transition: all 200ms ease; } #stacks_in_5605_press.press-lite .press-lite-text { z-index: 1; position: relative; } #stacks_in_5605_press.press-lite .press-lite-icon i, #stacks_in_5605_press.press-lite .press-lite-icon img { position: relative; color: rgba(253, 174, 31, 1.00); display: inline-block; /* */ margin-right: 8px; /* */ font-size: 15px; line-height: 15px; z-index: 1; } #stacks_in_5605_press.press-lite .press-lite-icon img { height: 15px; width: auto; vertical-align: top; } #stacks_in_5605_press.press-lite .press-lite-icon svg { display: inline-block; /* */ margin-right: 8px; /* */ height: 18.750000px; z-index: 1; } /* */ #stacks_in_5605_press.press-lite .press-lite-icon.press-lite-icon-off svg { transform: translateX(5%); } #stacks_in_5605_press.press-lite .press-lite-icon svg path { fill: rgba(253, 174, 31, 1.00); } #stacks_in_5605_press.press-lite .press-lite-icon svg polyline { fill:none; stroke: rgba(253, 174, 31, 1.00); stroke-linecap:round; stroke-linejoin:round; stroke-width:48px; } #stacks_in_5605_press.press-lite:active, #stacks_in_5605_press.press-lite:focus { transform: translate(0,0); } /* */ /* */ #stacks_in_5605_press.press-lite:hover { background: rgba(2, 31, 57, 1.00); } /* */ /* */ #stacks_in_5605_press.press-lite:hover { border-color: rgba(0, 0, 0, 0.15); } #stacks_in_5605_press.press-lite:hover .press-lite-text span, #stacks_in_5605_press.press-lite:hover .press-lite-text:after { color: rgba(255, 255, 255, 1.00); } #stacks_in_5605_press.press-lite:hover .press-lite-icon i { color: rgba(253, 174, 31, 1.00); } #stacks_in_5605_press.press-lite:hover .press-lite-icon svg path { fill: rgba(253, 174, 31, 1.00); } #stacks_in_5605_press.press-lite:hover .press-lite-icon svg polyline { fill:none; stroke: rgba(253, 174, 31, 1.00); } /* */ /* */ #stacks_in_5605_press.press-lite { padding: 0; } #stacks_in_5605_press.press-lite .press-lite-text { position: relative; z-index: 1; display: inline-block; padding: 12px 24px 12px 13px; } #stacks_in_5605_press.press-lite .press-lite-icon i, #stacks_in_5605_press.press-lite .press-lite-icon img, #stacks_in_5605_press.press-lite .press-lite-icon svg { margin: 0; } #stacks_in_5605_press.press-lite .press-lite-icon { padding: 0px; display: grid; float:left; align-content: center; justify-content: center; width: 39px; height: 39px; text-align: center; } #stacks_in_5605_press.press-lite .press-lite-icon:after { content: ""; color: transparent; position: absolute; top: -1px; left: -1px; bottom: -1px; background: rgba(2, 31, 57, 1.00); border-radius: 4px 0px 0px 4px; width: 39px; height: 41px; } /* */ /* */ /* */ /* */ /* */ /* */ #stacks_in_5605_press.press-lite:active { box-shadow: inset 0px 0px 0px 300px rgba(0,0,0,0.1); } /* */ #stacks_in_5605_press.press-lite .press-lite-lines { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; display: grid; } #stacks_in_5605_press.press-lite .press-lite-line-t, #stacks_in_5605_press.press-lite .press-lite-line-b { position: absolute; height: 1px; width: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_5605_press.press-lite .press-lite-line-l, #stacks_in_5605_press.press-lite .press-lite-line-r { position: absolute; width: 1px; height: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_5605_press.press-lite .press-lite-line-t { top: 0; } #stacks_in_5605_press.press-lite .press-lite-line-b { bottom: 0; width: 100%; } #stacks_in_5605_press.press-lite .press-lite-line-l { left: 0; } #stacks_in_5605_press.press-lite .press-lite-line-r { right: 0; } /* */ /* */ /* */ /* */ /* -- Start Anchor Each css Template -- */ .stacks_in_5611editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_5611editInfo i{ vertical-align: middle; } .stacks_in_5611editInfo:before{ content:"#da1"; float: right; } .stacks_in_5611editInfo:after{ content:""; display: table; clear: both; } .stacks_in_5611topOffset{ position: relative; height: 50; background: #ecf0f1; border: 1px solid #bdc3c7; border-top-right-radius: 2px; border-top-left-radius: 2px; margin-bottom: -2px; } .stacks_in_5611topOffset:after{ content: "Top Offset"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #7f8c8d; } /* -- End Anchor Each css Template -- */@font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_in_5612_press.press-lite { box-sizing: border-box; position: relative; /* */ cursor: pointer; /* */ padding: 12px 24px; border-radius: 4px; text-decoration: none; display: inline-block; margin: 0; font-size: 15px; line-height: 15px; /* */ /* */ background-color: rgba(253, 251, 254, 1.00); /* */ /* */ /* */ /* */ display: block; /* */ text-align: center; /* */ /* */ /* */ font-family: ; /* */ border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.51); } #stacks_in_5612_press.press-lite:focus {outline:0;} #stacks_in_5612_press_wrap { /* */ /* */ /* */ margin: 12px 0px 12px 0px; } #stacks_in_5612_press.press-lite { white-space: nowrap; } #stacks_in_5612_press.press-lite .press-lite-text span, #stacks_in_5612_press.press-lite .press-lite-text:after { overflow: hidden; color: rgba(51, 51, 51, 1.00); /* */ } #stacks_in_5612_press.press-lite, #stacks_in_5612_press.press-lite .press-lite-text, #stacks_in_5612_press.press-lite .press-lite-text:after, #stacks_in_5612_press.press-lite .press-lite-text > span, #stacks_in_5612_press.press-lite .press-lite-icon i, #stacks_in_5612_press.press-lite .press-lite-icon img, #stacks_in_5612_press.press-lite .press-lite-icon svg, #stacks_in_5612_press.press-lite .press-lite-icon svg path, #stacks_in_5612_press.press-lite .press-lite-icon svg polyline, #stacks_in_5612_press.press-lite .press-lite-icon:after { transition: all 200ms ease; } #stacks_in_5612_press.press-lite .press-lite-text { z-index: 1; position: relative; } #stacks_in_5612_press.press-lite .press-lite-icon i, #stacks_in_5612_press.press-lite .press-lite-icon img { position: relative; color: rgba(253, 174, 31, 1.00); display: inline-block; /* */ margin-right: 8px; /* */ font-size: 15px; line-height: 15px; z-index: 1; } #stacks_in_5612_press.press-lite .press-lite-icon img { height: 15px; width: auto; vertical-align: top; } #stacks_in_5612_press.press-lite .press-lite-icon svg { display: inline-block; /* */ margin-right: 8px; /* */ height: 18.750000px; z-index: 1; } /* */ #stacks_in_5612_press.press-lite .press-lite-icon.press-lite-icon-off svg { transform: translateX(5%); } #stacks_in_5612_press.press-lite .press-lite-icon svg path { fill: rgba(253, 174, 31, 1.00); } #stacks_in_5612_press.press-lite .press-lite-icon svg polyline { fill:none; stroke: rgba(253, 174, 31, 1.00); stroke-linecap:round; stroke-linejoin:round; stroke-width:48px; } #stacks_in_5612_press.press-lite:active, #stacks_in_5612_press.press-lite:focus { transform: translate(0,0); } /* */ /* */ #stacks_in_5612_press.press-lite:hover { background: rgba(2, 31, 57, 1.00); } /* */ /* */ #stacks_in_5612_press.press-lite:hover { border-color: rgba(0, 0, 0, 0.52); } #stacks_in_5612_press.press-lite:hover .press-lite-text span, #stacks_in_5612_press.press-lite:hover .press-lite-text:after { color: rgba(255, 255, 255, 1.00); } #stacks_in_5612_press.press-lite:hover .press-lite-icon i { color: rgba(253, 174, 31, 1.00); } #stacks_in_5612_press.press-lite:hover .press-lite-icon svg path { fill: rgba(253, 174, 31, 1.00); } #stacks_in_5612_press.press-lite:hover .press-lite-icon svg polyline { fill:none; stroke: rgba(253, 174, 31, 1.00); } /* */ /* */ #stacks_in_5612_press.press-lite { padding: 0; } #stacks_in_5612_press.press-lite .press-lite-text { position: relative; z-index: 1; display: inline-block; padding: 12px 24px 12px 13px; } #stacks_in_5612_press.press-lite .press-lite-icon i, #stacks_in_5612_press.press-lite .press-lite-icon img, #stacks_in_5612_press.press-lite .press-lite-icon svg { margin: 0; } #stacks_in_5612_press.press-lite .press-lite-icon { padding: 0px; display: grid; float:left; align-content: center; justify-content: center; width: 39px; height: 39px; text-align: center; } #stacks_in_5612_press.press-lite .press-lite-icon:after { content: ""; color: transparent; position: absolute; top: -1px; left: -1px; bottom: -1px; background: rgba(2, 31, 57, 1.00); border-radius: 4px 0px 0px 4px; width: 39px; height: 41px; } /* */ /* */ /* */ /* */ /* */ /* */ #stacks_in_5612_press.press-lite:active { box-shadow: inset 0px 0px 0px 300px rgba(0,0,0,0.1); } /* */ #stacks_in_5612_press.press-lite .press-lite-lines { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; display: grid; } #stacks_in_5612_press.press-lite .press-lite-line-t, #stacks_in_5612_press.press-lite .press-lite-line-b { position: absolute; height: 1px; width: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_5612_press.press-lite .press-lite-line-l, #stacks_in_5612_press.press-lite .press-lite-line-r { position: absolute; width: 1px; height: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_5612_press.press-lite .press-lite-line-t { top: 0; } #stacks_in_5612_press.press-lite .press-lite-line-b { bottom: 0; width: 100%; } #stacks_in_5612_press.press-lite .press-lite-line-l { left: 0; } #stacks_in_5612_press.press-lite .press-lite-line-r { right: 0; } /* */ /* */ /* */ /* */ /* -- Start Anchor Each css Template -- */ .stacks_in_6258editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_6258editInfo i{ vertical-align: middle; } .stacks_in_6258editInfo:before{ content:"#da8"; float: right; } .stacks_in_6258editInfo:after{ content:""; display: table; clear: both; } .stacks_in_6258topOffset{ position: relative; height: 50; background: #ecf0f1; border: 1px solid #bdc3c7; border-top-right-radius: 2px; border-top-left-radius: 2px; margin-bottom: -2px; } .stacks_in_6258topOffset:after{ content: "Top Offset"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #7f8c8d; } /* -- End Anchor Each css Template -- */@font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_in_6259_press.press-lite { box-sizing: border-box; position: relative; /* */ cursor: pointer; /* */ padding: 12px 24px; border-radius: 4px; text-decoration: none; display: inline-block; margin: 0; font-size: 15px; line-height: 15px; /* */ /* */ background-color: rgba(255, 255, 255, 1.00); /* */ /* */ /* */ /* */ display: block; /* */ text-align: center; /* */ /* */ /* */ font-family: ; /* */ border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.51); } #stacks_in_6259_press.press-lite:focus {outline:0;} #stacks_in_6259_press_wrap { /* */ /* */ /* */ margin: 12px 0px 12px 0px; } #stacks_in_6259_press.press-lite { white-space: nowrap; } #stacks_in_6259_press.press-lite .press-lite-text span, #stacks_in_6259_press.press-lite .press-lite-text:after { overflow: hidden; color: rgba(51, 51, 51, 1.00); /* */ } #stacks_in_6259_press.press-lite, #stacks_in_6259_press.press-lite .press-lite-text, #stacks_in_6259_press.press-lite .press-lite-text:after, #stacks_in_6259_press.press-lite .press-lite-text > span, #stacks_in_6259_press.press-lite .press-lite-icon i, #stacks_in_6259_press.press-lite .press-lite-icon img, #stacks_in_6259_press.press-lite .press-lite-icon svg, #stacks_in_6259_press.press-lite .press-lite-icon svg path, #stacks_in_6259_press.press-lite .press-lite-icon svg polyline, #stacks_in_6259_press.press-lite .press-lite-icon:after { transition: all 200ms ease; } #stacks_in_6259_press.press-lite .press-lite-text { z-index: 1; position: relative; } #stacks_in_6259_press.press-lite .press-lite-icon i, #stacks_in_6259_press.press-lite .press-lite-icon img { position: relative; color: rgba(253, 174, 31, 1.00); display: inline-block; /* */ margin-right: 8px; /* */ font-size: 15px; line-height: 15px; z-index: 1; } #stacks_in_6259_press.press-lite .press-lite-icon img { height: 15px; width: auto; vertical-align: top; } #stacks_in_6259_press.press-lite .press-lite-icon svg { display: inline-block; /* */ margin-right: 8px; /* */ height: 18.750000px; z-index: 1; } /* */ #stacks_in_6259_press.press-lite .press-lite-icon.press-lite-icon-off svg { transform: translateX(5%); } #stacks_in_6259_press.press-lite .press-lite-icon svg path { fill: rgba(253, 174, 31, 1.00); } #stacks_in_6259_press.press-lite .press-lite-icon svg polyline { fill:none; stroke: rgba(253, 174, 31, 1.00); stroke-linecap:round; stroke-linejoin:round; stroke-width:48px; } #stacks_in_6259_press.press-lite:active, #stacks_in_6259_press.press-lite:focus { transform: translate(0,0); } /* */ /* */ #stacks_in_6259_press.press-lite:hover { background: rgba(2, 31, 57, 1.00); } /* */ /* */ #stacks_in_6259_press.press-lite:hover { border-color: rgba(0, 0, 0, 0.52); } #stacks_in_6259_press.press-lite:hover .press-lite-text span, #stacks_in_6259_press.press-lite:hover .press-lite-text:after { color: rgba(255, 255, 255, 1.00); } #stacks_in_6259_press.press-lite:hover .press-lite-icon i { color: rgba(253, 174, 31, 1.00); } #stacks_in_6259_press.press-lite:hover .press-lite-icon svg path { fill: rgba(253, 174, 31, 1.00); } #stacks_in_6259_press.press-lite:hover .press-lite-icon svg polyline { fill:none; stroke: rgba(253, 174, 31, 1.00); } /* */ /* */ #stacks_in_6259_press.press-lite { padding: 0; } #stacks_in_6259_press.press-lite .press-lite-text { position: relative; z-index: 1; display: inline-block; padding: 12px 24px 12px 13px; } #stacks_in_6259_press.press-lite .press-lite-icon i, #stacks_in_6259_press.press-lite .press-lite-icon img, #stacks_in_6259_press.press-lite .press-lite-icon svg { margin: 0; } #stacks_in_6259_press.press-lite .press-lite-icon { padding: 0px; display: grid; float:left; align-content: center; justify-content: center; width: 39px; height: 39px; text-align: center; } #stacks_in_6259_press.press-lite .press-lite-icon:after { content: ""; color: transparent; position: absolute; top: -1px; left: -1px; bottom: -1px; background: rgba(2, 31, 57, 1.00); border-radius: 4px 0px 0px 4px; width: 39px; height: 41px; } /* */ /* */ /* */ /* */ /* */ /* */ #stacks_in_6259_press.press-lite:active { box-shadow: inset 0px 0px 0px 300px rgba(0,0,0,0.1); } /* */ #stacks_in_6259_press.press-lite .press-lite-lines { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; display: grid; } #stacks_in_6259_press.press-lite .press-lite-line-t, #stacks_in_6259_press.press-lite .press-lite-line-b { position: absolute; height: 1px; width: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_6259_press.press-lite .press-lite-line-l, #stacks_in_6259_press.press-lite .press-lite-line-r { position: absolute; width: 1px; height: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_6259_press.press-lite .press-lite-line-t { top: 0; } #stacks_in_6259_press.press-lite .press-lite-line-b { bottom: 0; width: 100%; } #stacks_in_6259_press.press-lite .press-lite-line-l { left: 0; } #stacks_in_6259_press.press-lite .press-lite-line-r { right: 0; } /* */ /* */ /* */ /* */ #stacks_in_5631 h3,#stacks_in_5631 h3 a,#stacks_in_5631 p,#stacks_in_5631 p a{ font-size:16px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_5631 h3,#stacks_in_5631 h3 a,#stacks_in_5631 p,#stacks_in_5631 p a{ font-size:15px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_5631 h3,#stacks_in_5631 h3 a,#stacks_in_5631 p,#stacks_in_5631 p a{ font-size:13px; } } #stacks_in_5631 h3,#stacks_in_5631 h3 a,#stacks_in_5631 p,#stacks_in_5631 p a{ color:rgba(255, 255, 255, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:center; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; text-shadow: 0px 1px 1px rgba(1, 2, 2, 1.00); } #stacks_in_5631 p a:hover, #stacks_in_5631 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_5631 { background-color: rgba(0, 64, 128, 1.00); border: solid rgba(102, 102, 102, 1.00); border-width: 1px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 10px; padding: 10px; } #stacks_out_5631 { width: 50%; } #stacks_in_5632 { font-size: 99%; } /* -- Start Anchor Each css Template -- */ .stacks_in_5619editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_5619editInfo i{ vertical-align: middle; } .stacks_in_5619editInfo:before{ content:"#da5"; float: right; } .stacks_in_5619editInfo:after{ content:""; display: table; clear: both; } .stacks_in_5619topOffset{ position: relative; height: 50; background: #ecf0f1; border: 1px solid #bdc3c7; border-top-right-radius: 2px; border-top-left-radius: 2px; margin-bottom: -2px; } .stacks_in_5619topOffset:after{ content: "Top Offset"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #7f8c8d; } /* -- End Anchor Each css Template -- */@font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_in_5624_press.press-lite { box-sizing: border-box; position: relative; /* */ cursor: pointer; /* */ padding: 12px 24px; border-radius: 4px; text-decoration: none; display: inline-block; margin: 0; font-size: 15px; line-height: 15px; /* */ /* */ background-color: rgba(255, 255, 255, 1.00); /* */ /* */ /* */ /* */ display: block; /* */ text-align: center; /* */ /* */ /* */ font-family: ; /* */ border-style: solid; border-width: 1px; border-color: rgba(3, 2, 3, 0.54); } #stacks_in_5624_press.press-lite:focus {outline:0;} #stacks_in_5624_press_wrap { /* */ /* */ /* */ margin: 12px 0px 12px 0px; } #stacks_in_5624_press.press-lite { white-space: nowrap; } #stacks_in_5624_press.press-lite .press-lite-text span, #stacks_in_5624_press.press-lite .press-lite-text:after { overflow: hidden; color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_5624_press.press-lite, #stacks_in_5624_press.press-lite .press-lite-text, #stacks_in_5624_press.press-lite .press-lite-text:after, #stacks_in_5624_press.press-lite .press-lite-text > span, #stacks_in_5624_press.press-lite .press-lite-icon i, #stacks_in_5624_press.press-lite .press-lite-icon img, #stacks_in_5624_press.press-lite .press-lite-icon svg, #stacks_in_5624_press.press-lite .press-lite-icon svg path, #stacks_in_5624_press.press-lite .press-lite-icon svg polyline, #stacks_in_5624_press.press-lite .press-lite-icon:after { transition: all 200ms ease; } #stacks_in_5624_press.press-lite .press-lite-text { z-index: 1; position: relative; } #stacks_in_5624_press.press-lite .press-lite-icon i, #stacks_in_5624_press.press-lite .press-lite-icon img { position: relative; color: rgba(255, 255, 255, 1.00); display: inline-block; /* */ margin-right: 8px; /* */ font-size: 15px; line-height: 15px; z-index: 1; } #stacks_in_5624_press.press-lite .press-lite-icon img { height: 15px; width: auto; vertical-align: top; } #stacks_in_5624_press.press-lite .press-lite-icon svg { display: inline-block; /* */ margin-right: 8px; /* */ height: 18.750000px; z-index: 1; } /* */ #stacks_in_5624_press.press-lite .press-lite-icon.press-lite-icon-off svg { transform: translateX(5%); } #stacks_in_5624_press.press-lite .press-lite-icon svg path { fill: rgba(255, 255, 255, 1.00); } #stacks_in_5624_press.press-lite .press-lite-icon svg polyline { fill:none; stroke: rgba(255, 255, 255, 1.00); stroke-linecap:round; stroke-linejoin:round; stroke-width:48px; } #stacks_in_5624_press.press-lite:active, #stacks_in_5624_press.press-lite:focus { transform: translate(0,0); } /* */ /* */ #stacks_in_5624_press.press-lite:hover { background: rgba(0, 64, 128, 1.00); } /* */ /* */ #stacks_in_5624_press.press-lite:hover { border-color: rgba(0, 0, 0, 0.15); } #stacks_in_5624_press.press-lite:hover .press-lite-text span, #stacks_in_5624_press.press-lite:hover .press-lite-text:after { color: rgba(255, 255, 255, 1.00); } #stacks_in_5624_press.press-lite:hover .press-lite-icon i { color: rgba(255, 255, 255, 1.00); } #stacks_in_5624_press.press-lite:hover .press-lite-icon svg path { fill: rgba(255, 255, 255, 1.00); } #stacks_in_5624_press.press-lite:hover .press-lite-icon svg polyline { fill:none; stroke: rgba(255, 255, 255, 1.00); } /* */ /* */ #stacks_in_5624_press.press-lite { padding: 0; } #stacks_in_5624_press.press-lite .press-lite-text { position: relative; z-index: 1; display: inline-block; padding: 12px 24px 12px 13px; } #stacks_in_5624_press.press-lite .press-lite-icon i, #stacks_in_5624_press.press-lite .press-lite-icon img, #stacks_in_5624_press.press-lite .press-lite-icon svg { margin: 0; } #stacks_in_5624_press.press-lite .press-lite-icon { padding: 0px; display: grid; float:left; align-content: center; justify-content: center; width: 39px; height: 39px; text-align: center; } #stacks_in_5624_press.press-lite .press-lite-icon:after { content: ""; color: transparent; position: absolute; top: -1px; left: -1px; bottom: -1px; background: rgba(0, 64, 128, 1.00); border-radius: 4px 0px 0px 4px; width: 39px; height: 41px; } /* */ /* */ /* */ /* */ /* */ /* */ #stacks_in_5624_press.press-lite:active { box-shadow: inset 0px 0px 0px 300px rgba(0,0,0,0.1); } /* */ #stacks_in_5624_press.press-lite .press-lite-lines { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; display: grid; } #stacks_in_5624_press.press-lite .press-lite-line-t, #stacks_in_5624_press.press-lite .press-lite-line-b { position: absolute; height: 1px; width: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_5624_press.press-lite .press-lite-line-l, #stacks_in_5624_press.press-lite .press-lite-line-r { position: absolute; width: 1px; height: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_5624_press.press-lite .press-lite-line-t { top: 0; } #stacks_in_5624_press.press-lite .press-lite-line-b { bottom: 0; width: 100%; } #stacks_in_5624_press.press-lite .press-lite-line-l { left: 0; } #stacks_in_5624_press.press-lite .press-lite-line-r { right: 0; } /* */ /* */ /* */ /* */ /* -- Start Anchor Each css Template -- */ .stacks_in_9285editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_9285editInfo i{ vertical-align: middle; } .stacks_in_9285editInfo:before{ content:"#da21"; float: right; } .stacks_in_9285editInfo:after{ content:""; display: table; clear: both; } .stacks_in_9285topOffset{ position: relative; height: 50; background: #ecf0f1; border: 1px solid #bdc3c7; border-top-right-radius: 2px; border-top-left-radius: 2px; margin-bottom: -2px; } .stacks_in_9285topOffset:after{ content: "Top Offset"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #7f8c8d; } /* -- End Anchor Each css Template -- */@font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_in_9286_press.press-lite { box-sizing: border-box; position: relative; /* */ cursor: pointer; /* */ padding: 12px 24px; border-radius: 4px; text-decoration: none; display: inline-block; margin: 0; font-size: 15px; line-height: 15px; /* */ /* */ background-color: rgba(255, 255, 255, 1.00); /* */ /* */ /* */ /* */ display: block; /* */ text-align: center; /* */ /* */ /* */ font-family: ; /* */ border-style: solid; border-width: 1px; border-color: rgba(3, 2, 3, 0.54); } #stacks_in_9286_press.press-lite:focus {outline:0;} #stacks_in_9286_press_wrap { /* */ /* */ /* */ margin: 12px 0px 12px 0px; } #stacks_in_9286_press.press-lite { white-space: nowrap; } #stacks_in_9286_press.press-lite .press-lite-text span, #stacks_in_9286_press.press-lite .press-lite-text:after { overflow: hidden; color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_9286_press.press-lite, #stacks_in_9286_press.press-lite .press-lite-text, #stacks_in_9286_press.press-lite .press-lite-text:after, #stacks_in_9286_press.press-lite .press-lite-text > span, #stacks_in_9286_press.press-lite .press-lite-icon i, #stacks_in_9286_press.press-lite .press-lite-icon img, #stacks_in_9286_press.press-lite .press-lite-icon svg, #stacks_in_9286_press.press-lite .press-lite-icon svg path, #stacks_in_9286_press.press-lite .press-lite-icon svg polyline, #stacks_in_9286_press.press-lite .press-lite-icon:after { transition: all 200ms ease; } #stacks_in_9286_press.press-lite .press-lite-text { z-index: 1; position: relative; } #stacks_in_9286_press.press-lite .press-lite-icon i, #stacks_in_9286_press.press-lite .press-lite-icon img { position: relative; color: rgba(255, 255, 255, 1.00); display: inline-block; /* */ margin-right: 8px; /* */ font-size: 15px; line-height: 15px; z-index: 1; } #stacks_in_9286_press.press-lite .press-lite-icon img { height: 15px; width: auto; vertical-align: top; } #stacks_in_9286_press.press-lite .press-lite-icon svg { display: inline-block; /* */ margin-right: 8px; /* */ height: 18.750000px; z-index: 1; } /* */ #stacks_in_9286_press.press-lite .press-lite-icon.press-lite-icon-off svg { transform: translateX(5%); } #stacks_in_9286_press.press-lite .press-lite-icon svg path { fill: rgba(255, 255, 255, 1.00); } #stacks_in_9286_press.press-lite .press-lite-icon svg polyline { fill:none; stroke: rgba(255, 255, 255, 1.00); stroke-linecap:round; stroke-linejoin:round; stroke-width:48px; } #stacks_in_9286_press.press-lite:active, #stacks_in_9286_press.press-lite:focus { transform: translate(0,0); } /* */ /* */ #stacks_in_9286_press.press-lite:hover { background: rgba(0, 64, 128, 1.00); } /* */ /* */ #stacks_in_9286_press.press-lite:hover { border-color: rgba(0, 0, 0, 0.15); } #stacks_in_9286_press.press-lite:hover .press-lite-text span, #stacks_in_9286_press.press-lite:hover .press-lite-text:after { color: rgba(255, 255, 255, 1.00); } #stacks_in_9286_press.press-lite:hover .press-lite-icon i { color: rgba(255, 255, 255, 1.00); } #stacks_in_9286_press.press-lite:hover .press-lite-icon svg path { fill: rgba(255, 255, 255, 1.00); } #stacks_in_9286_press.press-lite:hover .press-lite-icon svg polyline { fill:none; stroke: rgba(255, 255, 255, 1.00); } /* */ /* */ #stacks_in_9286_press.press-lite { padding: 0; } #stacks_in_9286_press.press-lite .press-lite-text { position: relative; z-index: 1; display: inline-block; padding: 12px 24px 12px 13px; } #stacks_in_9286_press.press-lite .press-lite-icon i, #stacks_in_9286_press.press-lite .press-lite-icon img, #stacks_in_9286_press.press-lite .press-lite-icon svg { margin: 0; } #stacks_in_9286_press.press-lite .press-lite-icon { padding: 0px; display: grid; float:left; align-content: center; justify-content: center; width: 39px; height: 39px; text-align: center; } #stacks_in_9286_press.press-lite .press-lite-icon:after { content: ""; color: transparent; position: absolute; top: -1px; left: -1px; bottom: -1px; background: rgba(0, 64, 128, 1.00); border-radius: 4px 0px 0px 4px; width: 39px; height: 41px; } /* */ /* */ /* */ /* */ /* */ /* */ #stacks_in_9286_press.press-lite:active { box-shadow: inset 0px 0px 0px 300px rgba(0,0,0,0.1); } /* */ #stacks_in_9286_press.press-lite .press-lite-lines { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; display: grid; } #stacks_in_9286_press.press-lite .press-lite-line-t, #stacks_in_9286_press.press-lite .press-lite-line-b { position: absolute; height: 1px; width: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_9286_press.press-lite .press-lite-line-l, #stacks_in_9286_press.press-lite .press-lite-line-r { position: absolute; width: 1px; height: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_9286_press.press-lite .press-lite-line-t { top: 0; } #stacks_in_9286_press.press-lite .press-lite-line-b { bottom: 0; width: 100%; } #stacks_in_9286_press.press-lite .press-lite-line-l { left: 0; } #stacks_in_9286_press.press-lite .press-lite-line-r { right: 0; } /* */ /* */ /* */ /* */ /* -- Start Anchor Each css Template -- */ .stacks_in_5617editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_5617editInfo i{ vertical-align: middle; } .stacks_in_5617editInfo:before{ content:"#da6"; float: right; } .stacks_in_5617editInfo:after{ content:""; display: table; clear: both; } .stacks_in_5617topOffset{ position: relative; height: 50; background: #ecf0f1; border: 1px solid #bdc3c7; border-top-right-radius: 2px; border-top-left-radius: 2px; margin-bottom: -2px; } .stacks_in_5617topOffset:after{ content: "Top Offset"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #7f8c8d; } /* -- End Anchor Each css Template -- */@font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_in_5626_press.press-lite { box-sizing: border-box; position: relative; /* */ cursor: pointer; /* */ padding: 12px 24px; border-radius: 4px; text-decoration: none; display: inline-block; margin: 0; font-size: 15px; line-height: 15px; /* */ /* */ background-color: rgba(255, 255, 255, 1.00); /* */ /* */ /* */ /* */ display: block; /* */ text-align: center; /* */ /* */ /* */ font-family: ; /* */ border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.53); } #stacks_in_5626_press.press-lite:focus {outline:0;} #stacks_in_5626_press_wrap { /* */ /* */ /* */ margin: 12px 0px 12px 0px; } #stacks_in_5626_press.press-lite { white-space: nowrap; } #stacks_in_5626_press.press-lite .press-lite-text span, #stacks_in_5626_press.press-lite .press-lite-text:after { overflow: hidden; color: rgba(2, 2, 2, 1.00); /* */ } #stacks_in_5626_press.press-lite, #stacks_in_5626_press.press-lite .press-lite-text, #stacks_in_5626_press.press-lite .press-lite-text:after, #stacks_in_5626_press.press-lite .press-lite-text > span, #stacks_in_5626_press.press-lite .press-lite-icon i, #stacks_in_5626_press.press-lite .press-lite-icon img, #stacks_in_5626_press.press-lite .press-lite-icon svg, #stacks_in_5626_press.press-lite .press-lite-icon svg path, #stacks_in_5626_press.press-lite .press-lite-icon svg polyline, #stacks_in_5626_press.press-lite .press-lite-icon:after { transition: all 200ms ease; } #stacks_in_5626_press.press-lite .press-lite-text { z-index: 1; position: relative; } #stacks_in_5626_press.press-lite .press-lite-icon i, #stacks_in_5626_press.press-lite .press-lite-icon img { position: relative; color: rgba(254, 254, 254, 1.00); display: inline-block; /* */ margin-right: 8px; /* */ font-size: 15px; line-height: 15px; z-index: 1; } #stacks_in_5626_press.press-lite .press-lite-icon img { height: 15px; width: auto; vertical-align: top; } #stacks_in_5626_press.press-lite .press-lite-icon svg { display: inline-block; /* */ margin-right: 8px; /* */ height: 18.750000px; z-index: 1; } /* */ #stacks_in_5626_press.press-lite .press-lite-icon.press-lite-icon-off svg { transform: translateX(5%); } #stacks_in_5626_press.press-lite .press-lite-icon svg path { fill: rgba(254, 254, 254, 1.00); } #stacks_in_5626_press.press-lite .press-lite-icon svg polyline { fill:none; stroke: rgba(254, 254, 254, 1.00); stroke-linecap:round; stroke-linejoin:round; stroke-width:48px; } #stacks_in_5626_press.press-lite:active, #stacks_in_5626_press.press-lite:focus { transform: translate(0,0); } /* */ /* */ #stacks_in_5626_press.press-lite:hover { background: rgba(0, 64, 128, 1.00); } /* */ /* */ #stacks_in_5626_press.press-lite:hover { border-color: rgba(0, 0, 0, 0.15); } #stacks_in_5626_press.press-lite:hover .press-lite-text span, #stacks_in_5626_press.press-lite:hover .press-lite-text:after { color: rgba(255, 255, 255, 1.00); } #stacks_in_5626_press.press-lite:hover .press-lite-icon i { color: rgba(254, 252, 255, 1.00); } #stacks_in_5626_press.press-lite:hover .press-lite-icon svg path { fill: rgba(254, 252, 255, 1.00); } #stacks_in_5626_press.press-lite:hover .press-lite-icon svg polyline { fill:none; stroke: rgba(254, 252, 255, 1.00); } /* */ /* */ #stacks_in_5626_press.press-lite { padding: 0; } #stacks_in_5626_press.press-lite .press-lite-text { position: relative; z-index: 1; display: inline-block; padding: 12px 24px 12px 13px; } #stacks_in_5626_press.press-lite .press-lite-icon i, #stacks_in_5626_press.press-lite .press-lite-icon img, #stacks_in_5626_press.press-lite .press-lite-icon svg { margin: 0; } #stacks_in_5626_press.press-lite .press-lite-icon { padding: 0px; display: grid; float:left; align-content: center; justify-content: center; width: 39px; height: 39px; text-align: center; } #stacks_in_5626_press.press-lite .press-lite-icon:after { content: ""; color: transparent; position: absolute; top: -1px; left: -1px; bottom: -1px; background: rgba(0, 64, 128, 1.00); border-radius: 4px 0px 0px 4px; width: 39px; height: 41px; } /* */ /* */ /* */ /* */ /* */ /* */ #stacks_in_5626_press.press-lite:active { box-shadow: inset 0px 0px 0px 300px rgba(0,0,0,0.1); } /* */ #stacks_in_5626_press.press-lite .press-lite-lines { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; display: grid; } #stacks_in_5626_press.press-lite .press-lite-line-t, #stacks_in_5626_press.press-lite .press-lite-line-b { position: absolute; height: 1px; width: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_5626_press.press-lite .press-lite-line-l, #stacks_in_5626_press.press-lite .press-lite-line-r { position: absolute; width: 1px; height: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_5626_press.press-lite .press-lite-line-t { top: 0; } #stacks_in_5626_press.press-lite .press-lite-line-b { bottom: 0; width: 100%; } #stacks_in_5626_press.press-lite .press-lite-line-l { left: 0; } #stacks_in_5626_press.press-lite .press-lite-line-r { right: 0; } /* */ /* */ /* */ /* */ /* -- Start Anchor Each css Template -- */ .stacks_in_5620editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_5620editInfo i{ vertical-align: middle; } .stacks_in_5620editInfo:before{ content:"#da4"; float: right; } .stacks_in_5620editInfo:after{ content:""; display: table; clear: both; } .stacks_in_5620topOffset{ position: relative; height: 50; background: #ecf0f1; border: 1px solid #bdc3c7; border-top-right-radius: 2px; border-top-left-radius: 2px; margin-bottom: -2px; } .stacks_in_5620topOffset:after{ content: "Top Offset"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #7f8c8d; } /* -- End Anchor Each css Template -- */@font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_in_5622_press.press-lite { box-sizing: border-box; position: relative; /* */ cursor: pointer; /* */ padding: 12px 24px; border-radius: 4px; text-decoration: none; display: inline-block; margin: 0; font-size: 15px; line-height: 15px; /* */ /* */ background-color: rgba(255, 255, 255, 1.00); /* */ /* */ /* */ /* */ display: block; /* */ text-align: center; /* */ /* */ /* */ font-family: ; /* */ border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.51); } #stacks_in_5622_press.press-lite:focus {outline:0;} #stacks_in_5622_press_wrap { /* */ /* */ /* */ margin: 12px 0px 12px 0px; } #stacks_in_5622_press.press-lite { white-space: nowrap; } #stacks_in_5622_press.press-lite .press-lite-text span, #stacks_in_5622_press.press-lite .press-lite-text:after { overflow: hidden; color: rgba(3, 3, 3, 1.00); /* */ } #stacks_in_5622_press.press-lite, #stacks_in_5622_press.press-lite .press-lite-text, #stacks_in_5622_press.press-lite .press-lite-text:after, #stacks_in_5622_press.press-lite .press-lite-text > span, #stacks_in_5622_press.press-lite .press-lite-icon i, #stacks_in_5622_press.press-lite .press-lite-icon img, #stacks_in_5622_press.press-lite .press-lite-icon svg, #stacks_in_5622_press.press-lite .press-lite-icon svg path, #stacks_in_5622_press.press-lite .press-lite-icon svg polyline, #stacks_in_5622_press.press-lite .press-lite-icon:after { transition: all 200ms ease; } #stacks_in_5622_press.press-lite .press-lite-text { z-index: 1; position: relative; } #stacks_in_5622_press.press-lite .press-lite-icon i, #stacks_in_5622_press.press-lite .press-lite-icon img { position: relative; color: rgba(255, 255, 255, 1.00); display: inline-block; /* */ margin-right: 8px; /* */ font-size: 15px; line-height: 15px; z-index: 1; } #stacks_in_5622_press.press-lite .press-lite-icon img { height: 15px; width: auto; vertical-align: top; } #stacks_in_5622_press.press-lite .press-lite-icon svg { display: inline-block; /* */ margin-right: 8px; /* */ height: 18.750000px; z-index: 1; } /* */ #stacks_in_5622_press.press-lite .press-lite-icon.press-lite-icon-off svg { transform: translateX(5%); } #stacks_in_5622_press.press-lite .press-lite-icon svg path { fill: rgba(255, 255, 255, 1.00); } #stacks_in_5622_press.press-lite .press-lite-icon svg polyline { fill:none; stroke: rgba(255, 255, 255, 1.00); stroke-linecap:round; stroke-linejoin:round; stroke-width:48px; } #stacks_in_5622_press.press-lite:active, #stacks_in_5622_press.press-lite:focus { transform: translate(0,0); } /* */ /* */ #stacks_in_5622_press.press-lite:hover { background: rgba(0, 64, 128, 1.00); } /* */ /* */ #stacks_in_5622_press.press-lite:hover { border-color: rgba(0, 0, 0, 0.15); } #stacks_in_5622_press.press-lite:hover .press-lite-text span, #stacks_in_5622_press.press-lite:hover .press-lite-text:after { color: rgba(255, 255, 255, 1.00); } #stacks_in_5622_press.press-lite:hover .press-lite-icon i { color: rgba(255, 255, 255, 1.00); } #stacks_in_5622_press.press-lite:hover .press-lite-icon svg path { fill: rgba(255, 255, 255, 1.00); } #stacks_in_5622_press.press-lite:hover .press-lite-icon svg polyline { fill:none; stroke: rgba(255, 255, 255, 1.00); } /* */ /* */ #stacks_in_5622_press.press-lite { padding: 0; } #stacks_in_5622_press.press-lite .press-lite-text { position: relative; z-index: 1; display: inline-block; padding: 12px 24px 12px 13px; } #stacks_in_5622_press.press-lite .press-lite-icon i, #stacks_in_5622_press.press-lite .press-lite-icon img, #stacks_in_5622_press.press-lite .press-lite-icon svg { margin: 0; } #stacks_in_5622_press.press-lite .press-lite-icon { padding: 0px; display: grid; float:left; align-content: center; justify-content: center; width: 39px; height: 39px; text-align: center; } #stacks_in_5622_press.press-lite .press-lite-icon:after { content: ""; color: transparent; position: absolute; top: -1px; left: -1px; bottom: -1px; background: rgba(0, 64, 128, 1.00); border-radius: 4px 0px 0px 4px; width: 39px; height: 41px; } /* */ /* */ /* */ /* */ /* */ /* */ #stacks_in_5622_press.press-lite:active { box-shadow: inset 0px 0px 0px 300px rgba(0,0,0,0.1); } /* */ #stacks_in_5622_press.press-lite .press-lite-lines { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; display: grid; } #stacks_in_5622_press.press-lite .press-lite-line-t, #stacks_in_5622_press.press-lite .press-lite-line-b { position: absolute; height: 1px; width: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_5622_press.press-lite .press-lite-line-l, #stacks_in_5622_press.press-lite .press-lite-line-r { position: absolute; width: 1px; height: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_5622_press.press-lite .press-lite-line-t { top: 0; } #stacks_in_5622_press.press-lite .press-lite-line-b { bottom: 0; width: 100%; } #stacks_in_5622_press.press-lite .press-lite-line-l { left: 0; } #stacks_in_5622_press.press-lite .press-lite-line-r { right: 0; } /* */ /* */ /* */ /* */ /* -- Start Anchor Each css Template -- */ .stacks_in_7426editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_7426editInfo i{ vertical-align: middle; } .stacks_in_7426editInfo:before{ content:"#da11"; float: right; } .stacks_in_7426editInfo:after{ content:""; display: table; clear: both; } .stacks_in_7426topOffset{ position: relative; height: 50; background: #ecf0f1; border: 1px solid #bdc3c7; border-top-right-radius: 2px; border-top-left-radius: 2px; margin-bottom: -2px; } .stacks_in_7426topOffset:after{ content: "Top Offset"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #7f8c8d; } /* -- End Anchor Each css Template -- *//* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_9198_2, #stacks_in_9198_2 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_9198_2 { padding: 20px 0px !important; } #press_alignment_stacks_in_9198_2 { width: 100%; } #press_alignment_stacks_in_9198_2.press-left { text-align: left; } #press_alignment_stacks_in_9198_2.press-center { text-align: center; } #press_alignment_stacks_in_9198_2.press-right { text-align: right; } #stacks_in_9198_2 { transition: all 200ms ease; /* */ background: none; /* */ /* */ /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 0px 0px 0px 0px; padding: 0px 12px 0px 12px; border-radius: 0px 0px 0px 0px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_9198_2:hover { /* */ /* */ /* */ /* */ } #stacks_in_9198_2:hover .press-icon i { /* */ color: rgba(253, 155, 16, 1.00); /* */ } #stacks_in_9198_2:active { /* */ /* */ /* */ /* */ } #stacks_in_9198_2:active .press-icon i { /* */ } #stacks_in_9198_2 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; /* */ background: none; /* */ /* */ /* */ /* */ /* */ width: 60px; height: 60px; /* */ } #stacks_in_9198_2 .press-icon i { font-size: 60px; color: rgba(0, 0, 0, 1.00); vertical-align: middle; } #stacks_in_9198_2 .press-text { /* */ /* */ font-family: "Nunito"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; padding: 0px 0px 0px 0px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 22px; /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ /* */ } #stacks_in_9198_2 .press-text .out { margin: 0 !important; } #stacks_in_9198_2 { font-size: 16px; line-height: 22px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } #stacks_in_7430 { margin: 0px 20px 0px 20px; } #stacks_in_7433 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_7433 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_7433 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_7435 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_7435 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_7435 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_7437 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_7437 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_7437 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_7439 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_7439 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_7439 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_7441 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_7441 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_7441 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }/* -- Start Anchor Each css Template -- */ .stacks_in_7468anchorStack{ height: 0px !important; padding: 0 !important; margin: 0 !important; } .stacks_in_7468editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_7468editInfo i{ vertical-align: middle; } .stacks_in_7468editInfo:before{ content:"#da11"; float: right; } .stacks_in_7468editInfo:after{ content:""; display: table; clear: both; } .stacks_in_7468topOffset{ position: relative; height: 0; background: #ecf0f1; border: 1px solid #bdc3c7; border-top-right-radius: 2px; border-top-left-radius: 2px; margin-bottom: -2px; } /* -- End Anchor Each css Template -- *//* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_7469, #stacks_in_7469 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_7469 { padding: 20px 0px !important; } #press_alignment_stacks_in_7469 { width: 100%; } #press_alignment_stacks_in_7469.press-left { text-align: left; } #press_alignment_stacks_in_7469.press-center { text-align: center; } #press_alignment_stacks_in_7469.press-right { text-align: right; } #stacks_in_7469 { transition: all 200ms ease; /* */ background: none; /* */ /* */ /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 0px 0px 0px 0px; padding: 0px 12px 0px 12px; border-radius: 0px 0px 0px 0px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_7469:hover { /* */ /* */ /* */ /* */ } #stacks_in_7469:hover .press-icon i { /* */ color: rgba(253, 155, 16, 1.00); /* */ } #stacks_in_7469:active { /* */ /* */ /* */ /* */ } #stacks_in_7469:active .press-icon i { /* */ } #stacks_in_7469 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; /* */ background: none; /* */ /* */ /* */ /* */ /* */ width: 60px; height: 60px; /* */ } #stacks_in_7469 .press-icon i { font-size: 60px; color: rgba(0, 0, 0, 1.00); vertical-align: middle; } #stacks_in_7469 .press-text { /* */ /* */ font-family: "Nunito"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; padding: 0px 0px 0px 0px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 22px; /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ /* */ } #stacks_in_7469 .press-text .out { margin: 0 !important; } #stacks_in_7469 { font-size: 16px; line-height: 22px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } .hp_stacks_in_7113 .hp-bg-layer { background-color : rgba(237, 236, 239, 1.00); } .hp_stacks_in_7113 .hp-fg-layer { min-height: 100vh; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; } .hp_stacks_in_7113 .hp-fg-layer .hp-section { max-width: 1280px; width: calc(100% - 60px); margin:0 auto; } .hp_stacks_in_7113 .hp-fg-layer > .hp-layer-2, .hp_stacks_in_7113 .hp-fg-layer > .hp-layer-4 { display: none; } .hp_stacks_in_7113 .hp-fg-layer .hp-svg-wrap > .hp-extend, .hp_stacks_in_7113 .hp-fg-layer .hp-layer-2 .hp-svg-wrap .hp-wave-1, .hp_stacks_in_7113 .hp-fg-layer .hp-layer-3 .hp-svg-wrap .hp-wave-2, .hp_stacks_in_7113 .hp-fg-layer .hp-layer-4 .hp-svg-wrap .hp-wave-3 { display: block; } .hp_stacks_in_7113 .hp-fg-layer .hp-layer-3 .hp-svg-wrap .hp-wave-2 { -webkit-transform: translateX(-50%) rotateY(180deg); transform: translateX(-50%) rotateY(180deg); left: 50%; position: relative; } @media all and (min-width:1920px){ .hp_stacks_in_7113 .hp-svg-wrap svg{ height:240px } .hp_stacks_in_7113 .hp-fg-layer .hp-horizon-content{ padding-bottom:240px } .hp_stacks_in_7113 .hp-fg-layer .hp-svg-wrap svg{ position:absolute; top:-240px } } #stacks_in_7114 { margin: 0px 0px 10px 0px; } #stacks_in_4301 h3,#stacks_in_4301 h3 a,#stacks_in_4301 p,#stacks_in_4301 p a{ font-size:16px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_4301 h3,#stacks_in_4301 h3 a,#stacks_in_4301 p,#stacks_in_4301 p a{ font-size:15px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_4301 h3,#stacks_in_4301 h3 a,#stacks_in_4301 p,#stacks_in_4301 p a{ font-size:13px; } } #stacks_in_4301 h3,#stacks_in_4301 h3 a,#stacks_in_4301 p,#stacks_in_4301 p a{ color:rgba(253, 253, 253, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:center; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_4301 p a:hover, #stacks_in_4301 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_4301 { background-color: rgba(2, 31, 57, 1.00); border: solid rgba(102, 102, 102, 1.00); border-width: 1px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 10px; padding: 10px; } #stacks_out_4301 { width: 50%; } #stacks_in_4302 { font-size: 99%; } /* -- Start Anchor Each css Template -- */ .stacks_in_7472anchorStack{ height: 0px !important; padding: 0 !important; margin: 0 !important; } .stacks_in_7472editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_7472editInfo i{ vertical-align: middle; } .stacks_in_7472editInfo:before{ content:"#da2"; float: right; } .stacks_in_7472editInfo:after{ content:""; display: table; clear: both; } .stacks_in_7472topOffset{ position: relative; height: 70; background: #ecf0f1; border: 1px solid #bdc3c7; border-top-right-radius: 2px; border-top-left-radius: 2px; margin-bottom: -2px; } .stacks_in_7472topOffset:after{ content: "Top Offset"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #7f8c8d; } /* -- End Anchor Each css Template -- *//* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_7473, #stacks_in_7473 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_7473 { padding: 20px 0px !important; } #press_alignment_stacks_in_7473 { width: 100%; } #press_alignment_stacks_in_7473.press-left { text-align: left; } #press_alignment_stacks_in_7473.press-center { text-align: center; } #press_alignment_stacks_in_7473.press-right { text-align: right; } #stacks_in_7473 { transition: all 200ms ease; /* */ background: none; /* */ /* */ /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 0px 0px 0px 0px; padding: 0px 12px 0px 12px; border-radius: 0px 0px 0px 0px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_7473:hover { /* */ /* */ /* */ /* */ } #stacks_in_7473:hover .press-icon i { /* */ color: rgba(253, 155, 16, 1.00); /* */ } #stacks_in_7473:active { /* */ /* */ /* */ /* */ } #stacks_in_7473:active .press-icon i { /* */ } #stacks_in_7473 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; /* */ background: none; /* */ /* */ /* */ /* */ /* */ width: 60px; height: 60px; /* */ } #stacks_in_7473 .press-icon i { font-size: 60px; color: rgba(0, 0, 0, 1.00); vertical-align: middle; } #stacks_in_7473 .press-text { /* */ /* */ font-family: "Nunito"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; padding: 0px 0px 0px 0px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 22px; /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ /* */ } #stacks_in_7473 .press-text .out { margin: 0 !important; } #stacks_in_7473 { font-size: 16px; line-height: 22px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } /* -- Start Anchor Each css Template -- */ .stacks_in_7519editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_7519editInfo i{ vertical-align: middle; } .stacks_in_7519editInfo:before{ content:"#da9"; float: right; } .stacks_in_7519editInfo:after{ content:""; display: table; clear: both; } .stacks_in_7519topOffset{ position: relative; height: 50; background: #ecf0f1; border: 1px solid #bdc3c7; border-top-right-radius: 2px; border-top-left-radius: 2px; margin-bottom: -2px; } .stacks_in_7519topOffset:after{ content: "Top Offset"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #7f8c8d; } /* -- End Anchor Each css Template -- */@font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_in_7520_press.press-lite { box-sizing: border-box; position: relative; /* */ cursor: pointer; /* */ padding: 12px 24px; border-radius: 4px; text-decoration: none; display: inline-block; margin: 0; font-size: 16px; line-height: 16px; /* */ /* */ background-color: rgba(253, 174, 31, 1.00); /* */ /* */ /* */ /* */ /* */ font-family: ; /* */ border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.15); } #stacks_in_7520_press.press-lite:focus {outline:0;} #stacks_in_7520_press_wrap { /* */ display: inline-block; /* */ /* */ /* */ margin: 12px 0px 12px 0px; } #stacks_in_7520_press.press-lite { white-space: nowrap; } #stacks_in_7520_press.press-lite .press-lite-text span, #stacks_in_7520_press.press-lite .press-lite-text:after { overflow: hidden; color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_7520_press.press-lite, #stacks_in_7520_press.press-lite .press-lite-text, #stacks_in_7520_press.press-lite .press-lite-text:after, #stacks_in_7520_press.press-lite .press-lite-text > span, #stacks_in_7520_press.press-lite .press-lite-icon i, #stacks_in_7520_press.press-lite .press-lite-icon img, #stacks_in_7520_press.press-lite .press-lite-icon svg, #stacks_in_7520_press.press-lite .press-lite-icon svg path, #stacks_in_7520_press.press-lite .press-lite-icon svg polyline, #stacks_in_7520_press.press-lite .press-lite-icon:after { transition: all 200ms ease; } #stacks_in_7520_press.press-lite .press-lite-text { z-index: 1; position: relative; } #stacks_in_7520_press.press-lite .press-lite-icon i, #stacks_in_7520_press.press-lite .press-lite-icon img { position: relative; color: rgba(51, 51, 51, 1.00); display: inline-block; /* */ margin-right: 8px; /* */ font-size: 16px; line-height: 16px; z-index: 1; } #stacks_in_7520_press.press-lite .press-lite-icon img { height: 16px; width: auto; vertical-align: top; } #stacks_in_7520_press.press-lite .press-lite-icon svg { display: inline-block; /* */ margin-right: 8px; /* */ height: 20.000000px; z-index: 1; } /* */ #stacks_in_7520_press.press-lite .press-lite-icon.press-lite-icon-off svg { transform: translateX(5%); } #stacks_in_7520_press.press-lite .press-lite-icon svg path { fill: rgba(51, 51, 51, 1.00); } #stacks_in_7520_press.press-lite .press-lite-icon svg polyline { fill:none; stroke: rgba(51, 51, 51, 1.00); stroke-linecap:round; stroke-linejoin:round; stroke-width:48px; } #stacks_in_7520_press.press-lite:active, #stacks_in_7520_press.press-lite:focus { transform: translate(0,0); } /* */ /* */ #stacks_in_7520_press.press-lite:hover { background: rgba(235, 235, 235, 0.50); } /* */ /* */ /* */ #stacks_in_7520_press.press-lite { padding: 0; } #stacks_in_7520_press.press-lite .press-lite-text { position: relative; z-index: 1; display: inline-block; padding: 12px 24px 12px 13px; } #stacks_in_7520_press.press-lite .press-lite-icon i, #stacks_in_7520_press.press-lite .press-lite-icon img, #stacks_in_7520_press.press-lite .press-lite-icon svg { margin: 0; } #stacks_in_7520_press.press-lite .press-lite-icon { padding: 0px; display: grid; float:left; align-content: center; justify-content: center; width: 40px; height: 40px; text-align: center; } #stacks_in_7520_press.press-lite .press-lite-icon:after { content: ""; color: transparent; position: absolute; top: -1px; left: -1px; bottom: -1px; background: rgba(0, 0, 0, 0.00); border-radius: 4px 0px 0px 4px; width: 40px; height: 42px; } /* */ /* */ /* */ /* */ /* */ /* */ #stacks_in_7520_press.press-lite:active { box-shadow: inset 0px 0px 0px 300px rgba(0,0,0,0.1); } /* */ #stacks_in_7520_press.press-lite .press-lite-lines { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; display: grid; } #stacks_in_7520_press.press-lite .press-lite-line-t, #stacks_in_7520_press.press-lite .press-lite-line-b { position: absolute; height: 1px; width: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_7520_press.press-lite .press-lite-line-l, #stacks_in_7520_press.press-lite .press-lite-line-r { position: absolute; width: 1px; height: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_7520_press.press-lite .press-lite-line-t { top: 0; } #stacks_in_7520_press.press-lite .press-lite-line-b { bottom: 0; width: 100%; } #stacks_in_7520_press.press-lite .press-lite-line-l { left: 0; } #stacks_in_7520_press.press-lite .press-lite-line-r { right: 0; } /* */ /* */ /* */ /* */ #stacks_in_6203 h3,#stacks_in_6203 h3 a,#stacks_in_6203 p,#stacks_in_6203 p a{ font-size:16px; line-height:1.25em; margin:0; } #stacks_in_6203 h3,#stacks_in_6203 h3 a,#stacks_in_6203 p,#stacks_in_6203 p a{ color:rgba(255, 255, 255, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_6203 p a:hover, #stacks_in_6203 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_6203 { background-color: rgba(2, 31, 57, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; padding: 20px; } #stacks_in_6207 { background-color: rgba(251, 254, 254, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; padding: 10px; } /* -- Start Swell Each css Template -- */ #stacks_in_4209{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_4209swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_4209swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_4209swell{ max-width: 800px; } .stacks_in_4209swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_4209swell-with-zoom .mfp-container,.stacks_in_4209swell-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 198.000015ms ease-out; -moz-transition: all 198.000015ms ease-out; -o-transition: all 198.000015ms ease-out; transition: all 198.000015ms ease-out; } .stacks_in_4209swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_4209swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_4209swell-with-zoom.mfp-removing .mfp-container,.stacks_in_4209swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_4209 .swellzoomeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_4209 .swellshrinkeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_4209 .swellcircleeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #stacks_in_4209 .swellthreedeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media all and (min-width: 480px) { #stacks_in_4209 .swellzoomeffect img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } #stacks_in_4209 .swellshrinkeffect img:hover{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9); } #stacks_in_4209 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_4209 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_4209 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_4209 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_4209 .swellthreedeffect:hover{ box-shadow: 1px 1px rgba(242, 88, 95, 1.00), 2px 2px rgba(242, 88, 95, 1.00), 3px 3px rgba(242, 88, 95, 1.00); -webkit-transform: translateX(-3px); transform: translateX(-3px); } } /* -- End Swell Each css Template -- */ #stacks_out_4209 { width: 90%; } #stacks_in_4211 h4,#stacks_in_4211 h4 a,#stacks_in_4211 p,#stacks_in_4211 p a{ font-size:16px; line-height:1.51em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_4211 h4,#stacks_in_4211 h4 a,#stacks_in_4211 p,#stacks_in_4211 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_4211 h4,#stacks_in_4211 h4 a,#stacks_in_4211 p,#stacks_in_4211 p a{ font-size:13px; } } #stacks_in_4211 h4,#stacks_in_4211 h4 a,#stacks_in_4211 p,#stacks_in_4211 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_4211 p a:hover, #stacks_in_4211 h4 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_4211 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 10px; padding: 10px; } #stacks_out_4211 { margin-right:0; } #stacks_in_9865 h4,#stacks_in_9865 h4 a,#stacks_in_9865 p,#stacks_in_9865 p a{ font-size:15px; line-height:1.25em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_9865 h4,#stacks_in_9865 h4 a,#stacks_in_9865 p,#stacks_in_9865 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_9865 h4,#stacks_in_9865 h4 a,#stacks_in_9865 p,#stacks_in_9865 p a{ font-size:13px; } } #stacks_in_9865 h4,#stacks_in_9865 h4 a,#stacks_in_9865 p,#stacks_in_9865 p a{ color:rgba(2, 2, 2, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_9865 p a:hover, #stacks_in_9865 h4 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_9865 { margin: 10px; padding: 11px; } #stacks_in_4317 hr{border:0;height:0;width:100%;margin:0;padding:0}#stacks_in_4317 hr.gradient{height:1px;background:#333;background-image:-webkit-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:-moz-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:-ms-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:-o-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:linear-gradient(left,#CCCCCC,#333333,#CCCCCC)}#stacks_in_4317 hr.faded{height:1px;background-image:-webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0))}#stacks_in_4317 hr.dashed_fade{border-bottom:1px dashed #7E7E7E;background:#333333}#stacks_in_4317 hr.dotted_fade{border-bottom:1px dotted #7E7E7E;background:#333333}#stacks_in_4317 hr.dashed{border-bottom:1px dashed #333333}#stacks_in_4317 hr.dotted{border-bottom:1px dotted #7E7E7E}#stacks_in_4317 hr.shadow{height:1px;box-shadow:inset 0 1px 1px -1px rgba(0,0,0,0.5)}#stacks_in_4317 hr.cloudy{margin:1px 0;box-shadow:0 0 1px 1px #333333}#stacks_in_4317 hr.cloudy:after{content:"\00a0"}#stacks_in_4317 hr.inset{border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(255,255,255,0.3)}#stacks_in_4317 hr.inset_two{border-top:1px solid #CCCCCC;border-bottom:1px solid #333333}#stacks_in_4317 hr.inset_three{border-top:1px solid #333333;border-bottom:1px solid #CCCCCC}#stacks_in_4317 hr.inset_four{border-top:1px solid #333333;border-bottom:1px solid #CCCCCC}#stacks_in_4317 hr.flared{height:30px;border-style:solid;border-color:#333333;border-width:1px 0 0 0;border-radius:20px;margin-top:12px}#stacks_in_4317 hr.flared:before{display:block;content:"";height:30px;margin-top:-31px;border-style:solid;border-color:#333333;border-width:0 0 1px 0;border-radius:20px}#stacks_in_4317 hr.glyph{padding:0;border:0;border-top:1px double #333333;color:#333333;text-align:center;margin:1em 0}#stacks_in_4317 hr.glyph:after{content:"§";display:inline-block;position:relative;top:-0.00em;font-size:1.5em;padding:0 .25em;background:#FFFFFF} #stacks_in_5784>.s3_row { margin: 0 -0px; } #stacks_in_5784>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_5784>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_5784>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { #stacks_in_5784>.s3_row { margin: -0px 0; } #stacks_in_5784>.s3_row>.s3_column { padding: 0px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_5784>.s3_row { margin: -0px 0; } #stacks_in_5784>.s3_row>.s3_column { padding: 0px 0; width:100%; } } #stacks_in_4218 h3,#stacks_in_4218 h3 a,#stacks_in_4218 p,#stacks_in_4218 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_4218 h3,#stacks_in_4218 h3 a,#stacks_in_4218 p,#stacks_in_4218 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_4218 h3,#stacks_in_4218 h3 a,#stacks_in_4218 p,#stacks_in_4218 p a{ font-size:12px; } } #stacks_in_4218 h3,#stacks_in_4218 h3 a,#stacks_in_4218 p,#stacks_in_4218 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_4218 p a:hover, #stacks_in_4218 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_4218 { margin: 10px; } #stacks_out_4218 { margin-right:0; } #stacks_in_4219 { font-size: 99%; } #stacks_in_5788 h3,#stacks_in_5788 h3 a,#stacks_in_5788 p,#stacks_in_5788 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_5788 h3,#stacks_in_5788 h3 a,#stacks_in_5788 p,#stacks_in_5788 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_5788 h3,#stacks_in_5788 h3 a,#stacks_in_5788 p,#stacks_in_5788 p a{ font-size:12px; } } #stacks_in_5788 h3,#stacks_in_5788 h3 a,#stacks_in_5788 p,#stacks_in_5788 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_5788 p a:hover, #stacks_in_5788 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_5788 { margin: 10px; } #stacks_out_5788 { margin-right:0; } #stacks_in_5789 { font-size: 99%; } #stacks_in_4220 h3,#stacks_in_4220 h3 a,#stacks_in_4220 p,#stacks_in_4220 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_4220 h3,#stacks_in_4220 h3 a,#stacks_in_4220 p,#stacks_in_4220 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_4220 h3,#stacks_in_4220 h3 a,#stacks_in_4220 p,#stacks_in_4220 p a{ font-size:12px; } } #stacks_in_4220 h3,#stacks_in_4220 h3 a,#stacks_in_4220 p,#stacks_in_4220 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_4220 p a:hover, #stacks_in_4220 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_4220 { margin: 10px; } #stacks_out_4220 { margin-right:0; } #stacks_in_4221 { font-size: 99%; } #stacks_in_5712 h3,#stacks_in_5712 h3 a,#stacks_in_5712 p,#stacks_in_5712 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_5712 h3,#stacks_in_5712 h3 a,#stacks_in_5712 p,#stacks_in_5712 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_5712 h3,#stacks_in_5712 h3 a,#stacks_in_5712 p,#stacks_in_5712 p a{ font-size:12px; } } #stacks_in_5712 h3,#stacks_in_5712 h3 a,#stacks_in_5712 p,#stacks_in_5712 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_5712 p a:hover, #stacks_in_5712 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_5712 { margin: 10px; } #stacks_out_5712 { margin-right:0; } #stacks_in_5713 { font-size: 99%; } #stacks_in_7065>.s3_row { margin: 0 -10px; } #stacks_in_7065>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_7065>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_7065>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_7065>.s3_row { margin: -10px 0; } #stacks_in_7065>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_6675 h3,#stacks_in_6675 h3 a,#stacks_in_6675 p,#stacks_in_6675 p a{ font-size:16px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_6675 h3,#stacks_in_6675 h3 a,#stacks_in_6675 p,#stacks_in_6675 p a{ font-size:15px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_6675 h3,#stacks_in_6675 h3 a,#stacks_in_6675 p,#stacks_in_6675 p a{ font-size:13px; } } #stacks_in_6675 h3,#stacks_in_6675 h3 a,#stacks_in_6675 p,#stacks_in_6675 p a{ color:rgba(255, 255, 255, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_6675 p a:hover, #stacks_in_6675 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_6675 { background-color: rgba(2, 31, 57, 1.00); margin: 10px 0px 10px 0px; padding: 10px; } #stacks_out_6675 { margin-right:0; } #stacks_in_6676 { font-size: 99%; } /* ********* */ /* Normalize */ /* ********* */ /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ #stacks_in_9825 article, #stacks_in_9825 aside, #stacks_in_9825 details, #stacks_in_9825 figcaption, #stacks_in_9825 figure, #stacks_in_9825 footer, #stacks_in_9825 header, #stacks_in_9825 hgroup, #stacks_in_9825 main, #stacks_in_9825 nav, #stacks_in_9825 section, #stacks_in_9825 summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ #stacks_in_9825 audio, #stacks_in_9825 canvas, #stacks_in_9825 progress, #stacks_in_9825 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ #stacks_in_9825 audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ #stacks_in_9825 [hidden], #stacks_in_9825 template { display: none; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ #stacks_in_9825 img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ #stacks_in_9825 svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address differences between Firefox and other browsers. */ #stacks_in_9825 hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ #stacks_in_9825 pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ #stacks_in_9825 code, #stacks_in_9825 kbd, #stacks_in_9825 pre, #stacks_in_9825 samp { font-family: monospace, monospace; font-size: 1em; } /* **************** */ /* Stack Specific */ /* **************** */ #stacks_in_9825 *, #stacks_in_9825 *:before, #stacks_in_9825 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_9825 .wow { visibility: hidden; } /* We use this media query to add styles to any device that supports media queries */ @media only screen { #stacks_in_9825 .column_base_margin { margin-bottom: 0px; } } @media only screen and (max-width: 1024px) { #stacks_in_9825 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 768px wide. */ @media only screen and (max-width: 768px) { #stacks_in_9825 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 480px wide. */ @media only screen and (max-width: 640px) { #stacks_in_9825 .column_base_margin { margin-bottom: 0px; } } /* Handles making images responsive inside the stack */ #stacks_in_9825 img { max-width: 100%; height: auto; } /* **************** */ /* Foundation START */ /* **************** */ /* Copyright (c) 2013-2014 ZURB, inc. MIT License 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. */ #stacks_in_9825 meta.foundation-version { font-family: "/5.3.1/"; } #stacks_in_9825 meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } #stacks_in_9825 meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } #stacks_in_9825 meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } #stacks_in_9825 meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } #stacks_in_9825 meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } #stacks_in_9825 meta.foundation-data-attribute-namespace { font-family: false; } #stacks_in_9825 *, #stacks_in_9825 *:before, #stacks_in_9825 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_9825 .left { float: left !important; } #stacks_in_9825 .right { float: right !important; } #stacks_in_9825 .clearfix:before, #stacks_in_9825 .clearfix:after { content: " "; display: table; } #stacks_in_9825 .clearfix:after { clear: both; } #stacks_in_9825 .hide { display: none; } #stacks_in_9825 .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_9825 img { display: inline-block; vertical-align: middle; } #stacks_in_9825 textarea { height: auto; min-height: 50px; } #stacks_in_9825 select { width: 100%; } #stacks_in_9825 .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } #stacks_in_9825 .row:before, #stacks_in_9825 .row:after { content: " "; display: table; } #stacks_in_9825 .row:after { clear: both; } #stacks_in_9825 .row.collapse > .column, #stacks_in_9825 .row.collapse > .columns { padding-left: 0; padding-right: 0; } #stacks_in_9825 .row.collapse .row { margin-left: 0; margin-right: 0; } #stacks_in_9825 .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; } #stacks_in_9825 .row .row:before, #stacks_in_9825 .row .row:after { content: " "; display: table; } #stacks_in_9825 .row .row:after { clear: both; } #stacks_in_9825 .row .row.collapse { width: auto; margin: 0; max-width: none; } #stacks_in_9825 .row .row.collapse:before, #stacks_in_9825 .row .row.collapse:after { content: " "; display: table; } #stacks_in_9825 .row .row.collapse:after { clear: both; } #stacks_in_9825 .column, #stacks_in_9825 .columns { padding-left: 0.9375em; padding-right: 0.9375em; margin-right: 0; /* Fixes comaptiblity with some themes using skeleton.css */ margin-left: 0; /* Fixes comaptiblity with some themes using skeleton.css */ width: 100%; float: left; } #stacks_in_9825 [class*="column"] + [class*="column"]:last-child { float: right; } #stacks_in_9825 [class*="column"] + [class*="column"].end { float: left; } @media only screen { #stacks_in_9825 .small-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9825 .small-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9825 .small-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9825 .small-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9825 .small-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9825 .small-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9825 .small-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9825 .small-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9825 .small-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9825 .small-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9825 .small-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9825 .small-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9825 .small-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9825 .small-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9825 .small-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9825 .small-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9825 .small-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9825 .small-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9825 .small-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9825 .small-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9825 .small-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9825 .small-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9825 .small-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9825 .small-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_9825 .column, #stacks_in_9825 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_9825 .small-1 { width: 8.33333%; } #stacks_in_9825 .small-2 { width: 16.66667%; } #stacks_in_9825 .small-3 { width: 25%; } #stacks_in_9825 .small-4 { width: 33.33333%; } #stacks_in_9825 .small-5 { width: 41.66667%; } #stacks_in_9825 .small-6 { width: 50%; } #stacks_in_9825 .small-7 { width: 58.33333%; } #stacks_in_9825 .small-8 { width: 66.66667%; } #stacks_in_9825 .small-9 { width: 75%; } #stacks_in_9825 .small-10 { width: 83.33333%; } #stacks_in_9825 .small-11 { width: 91.66667%; } #stacks_in_9825 .small-12 { width: 100%; } #stacks_in_9825 .small-offset-0 { margin-left: 0% !important; } #stacks_in_9825 .small-offset-1 { margin-left: 8.33333% !important; } #stacks_in_9825 .small-offset-2 { margin-left: 16.66667% !important; } #stacks_in_9825 .small-offset-3 { margin-left: 25% !important; } #stacks_in_9825 .small-offset-4 { margin-left: 33.33333% !important; } #stacks_in_9825 .small-offset-5 { margin-left: 41.66667% !important; } #stacks_in_9825 .small-offset-6 { margin-left: 50% !important; } #stacks_in_9825 .small-offset-7 { margin-left: 58.33333% !important; } #stacks_in_9825 .small-offset-8 { margin-left: 66.66667% !important; } #stacks_in_9825 .small-offset-9 { margin-left: 75% !important; } #stacks_in_9825 .small-offset-10 { margin-left: 83.33333% !important; } #stacks_in_9825 .small-offset-11 { margin-left: 91.66667% !important; } #stacks_in_9825 .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_9825 .column.small-centered, #stacks_in_9825 .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_9825 .column.small-uncentered, #stacks_in_9825 .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_9825 .column.small-centered:last-child, #stacks_in_9825 .columns.small-centered:last-child { float: none; } #stacks_in_9825 .column.small-uncentered:last-child, #stacks_in_9825 .columns.small-uncentered:last-child { float: left; } #stacks_in_9825 .column.small-uncentered.opposite, #stacks_in_9825 .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 40.063em) { #stacks_in_9825 .medium-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9825 .medium-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9825 .medium-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9825 .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9825 .medium-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9825 .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9825 .medium-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9825 .medium-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9825 .medium-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9825 .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9825 .medium-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9825 .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9825 .medium-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9825 .medium-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9825 .medium-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9825 .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9825 .medium-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9825 .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9825 .medium-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9825 .medium-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9825 .medium-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9825 .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9825 .medium-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9825 .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_9825 .column, #stacks_in_9825 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_9825 .medium-1 { width: 8.33333%; } #stacks_in_9825 .medium-2 { width: 16.66667%; } #stacks_in_9825 .medium-3 { width: 25%; } #stacks_in_9825 .medium-4 { width: 33.33333%; } #stacks_in_9825 .medium-5 { width: 41.66667%; } #stacks_in_9825 .medium-6 { width: 50%; } #stacks_in_9825 .medium-7 { width: 58.33333%; } #stacks_in_9825 .medium-8 { width: 66.66667%; } #stacks_in_9825 .medium-9 { width: 75%; } #stacks_in_9825 .medium-10 { width: 83.33333%; } #stacks_in_9825 .medium-11 { width: 91.66667%; } #stacks_in_9825 .medium-12 { width: 100%; } #stacks_in_9825 .medium-offset-0 { margin-left: 0% !important; } #stacks_in_9825 .medium-offset-1 { margin-left: 8.33333% !important; } #stacks_in_9825 .medium-offset-2 { margin-left: 16.66667% !important; } #stacks_in_9825 .medium-offset-3 { margin-left: 25% !important; } #stacks_in_9825 .medium-offset-4 { margin-left: 33.33333% !important; } #stacks_in_9825 .medium-offset-5 { margin-left: 41.66667% !important; } #stacks_in_9825 .medium-offset-6 { margin-left: 50% !important; } #stacks_in_9825 .medium-offset-7 { margin-left: 58.33333% !important; } #stacks_in_9825 .medium-offset-8 { margin-left: 66.66667% !important; } #stacks_in_9825 .medium-offset-9 { margin-left: 75% !important; } #stacks_in_9825 .medium-offset-10 { margin-left: 83.33333% !important; } #stacks_in_9825 .medium-offset-11 { margin-left: 91.66667% !important; } #stacks_in_9825 .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_9825 .column.medium-centered, #stacks_in_9825 .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_9825 .column.medium-uncentered, #stacks_in_9825 .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_9825 .column.medium-centered:last-child, #stacks_in_9825 .columns.medium-centered:last-child { float: none; } #stacks_in_9825 .column.medium-uncentered:last-child, #stacks_in_9825 .columns.medium-uncentered:last-child { float: left; } #stacks_in_9825 .column.medium-uncentered.opposite, #stacks_in_9825 .columns.medium-uncentered.opposite { float: right; } #stacks_in_9825 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9825 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9825 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9825 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9825 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9825 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9825 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9825 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9825 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9825 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9825 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9825 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9825 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9825 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9825 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9825 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9825 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9825 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9825 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9825 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9825 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9825 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9825 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9825 .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { #stacks_in_9825 .large-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9825 .large-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9825 .large-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9825 .large-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9825 .large-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9825 .large-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9825 .large-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9825 .large-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9825 .large-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9825 .large-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9825 .large-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9825 .large-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9825 .large-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9825 .large-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9825 .large-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9825 .large-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9825 .large-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9825 .large-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9825 .large-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9825 .large-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9825 .large-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9825 .large-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9825 .large-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9825 .large-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_9825 .column, #stacks_in_9825 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_9825 .large-1 { width: 8.33333%; } #stacks_in_9825 .large-2 { width: 16.66667%; } #stacks_in_9825 .large-3 { width: 25%; } #stacks_in_9825 .large-4 { width: 33.33333%; } #stacks_in_9825 .large-5 { width: 41.66667%; } #stacks_in_9825 .large-6 { width: 50%; } #stacks_in_9825 .large-7 { width: 58.33333%; } #stacks_in_9825 .large-8 { width: 66.66667%; } #stacks_in_9825 .large-9 { width: 75%; } #stacks_in_9825 .large-10 { width: 83.33333%; } #stacks_in_9825 .large-11 { width: 91.66667%; } #stacks_in_9825 .large-12 { width: 100%; } #stacks_in_9825 .large-offset-0 { margin-left: 0% !important; } #stacks_in_9825 .large-offset-1 { margin-left: 8.33333% !important; } #stacks_in_9825 .large-offset-2 { margin-left: 16.66667% !important; } #stacks_in_9825 .large-offset-3 { margin-left: 25% !important; } #stacks_in_9825 .large-offset-4 { margin-left: 33.33333% !important; } #stacks_in_9825 .large-offset-5 { margin-left: 41.66667% !important; } #stacks_in_9825 .large-offset-6 { margin-left: 50% !important; } #stacks_in_9825 .large-offset-7 { margin-left: 58.33333% !important; } #stacks_in_9825 .large-offset-8 { margin-left: 66.66667% !important; } #stacks_in_9825 .large-offset-9 { margin-left: 75% !important; } #stacks_in_9825 .large-offset-10 { margin-left: 83.33333% !important; } #stacks_in_9825 .large-offset-11 { margin-left: 91.66667% !important; } #stacks_in_9825 .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_9825 .column.large-centered, #stacks_in_9825 .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_9825 .column.large-uncentered, #stacks_in_9825 .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_9825 .column.large-centered:last-child, #stacks_in_9825 .columns.large-centered:last-child { float: none; } #stacks_in_9825 .column.large-uncentered:last-child, #stacks_in_9825 .columns.large-uncentered:last-child { float: left; } #stacks_in_9825 .column.large-uncentered.opposite, #stacks_in_9825 .columns.large-uncentered.opposite { float: right; } #stacks_in_9825 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9825 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9825 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9825 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9825 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9825 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9825 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9825 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9825 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9825 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9825 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9825 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9825 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9825 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9825 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9825 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9825 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9825 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9825 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9825 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9825 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9825 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9825 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9825 .pull-11 { position: relative; right: 91.66667%; left: auto; } } #stacks_in_9825 [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } #stacks_in_9825 [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } #stacks_in_9825 [class*="block-grid-"]:after { clear: both; } #stacks_in_9825 [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { #stacks_in_9825 .small-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_9825 .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_9825 .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_9825 .small-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_9825 .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_9825 .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_9825 .small-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_9825 .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_9825 .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_9825 .small-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_9825 .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_9825 .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_9825 .small-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_9825 .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_9825 .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_9825 .small-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_9825 .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_9825 .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_9825 .small-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_9825 .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_9825 .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_9825 .small-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_9825 .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_9825 .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_9825 .small-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_9825 .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_9825 .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_9825 .small-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_9825 .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_9825 .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_9825 .small-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_9825 .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_9825 .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_9825 .small-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_9825 .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_9825 .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { #stacks_in_9825 .medium-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_9825 .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_9825 .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_9825 .medium-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_9825 .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_9825 .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_9825 .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_9825 .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_9825 .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_9825 .medium-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_9825 .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_9825 .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_9825 .medium-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_9825 .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_9825 .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_9825 .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_9825 .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_9825 .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_9825 .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_9825 .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_9825 .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_9825 .medium-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_9825 .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_9825 .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_9825 .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_9825 .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_9825 .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_9825 .medium-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_9825 .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_9825 .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_9825 .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_9825 .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_9825 .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_9825 .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_9825 .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_9825 .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { #stacks_in_9825 .large-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_9825 .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_9825 .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_9825 .large-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_9825 .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_9825 .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_9825 .large-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_9825 .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_9825 .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_9825 .large-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_9825 .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_9825 .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_9825 .large-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_9825 .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_9825 .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_9825 .large-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_9825 .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_9825 .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_9825 .large-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_9825 .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_9825 .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_9825 .large-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_9825 .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_9825 .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_9825 .large-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_9825 .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_9825 .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_9825 .large-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_9825 .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_9825 .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_9825 .large-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_9825 .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_9825 .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_9825 .large-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_9825 .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_9825 .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } #stacks_in_9825 { background-color: rgba(204, 204, 204, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; margin: 0px 0px 10px 0px; padding: 0px 5px 0px 5px; } #stacks_in_9826 h3,#stacks_in_9826 h3 a,#stacks_in_9826 p,#stacks_in_9826 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_9826 h3,#stacks_in_9826 h3 a,#stacks_in_9826 p,#stacks_in_9826 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_9826 h3,#stacks_in_9826 h3 a,#stacks_in_9826 p,#stacks_in_9826 p a{ font-size:12px; } } #stacks_in_9826 h3,#stacks_in_9826 h3 a,#stacks_in_9826 p,#stacks_in_9826 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_9826 p a:hover, #stacks_in_9826 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_9826 { margin: 10px 0px 10px 20px; padding: 0px 5px 0px 5px; } #stacks_out_9826 { margin-right:0; } #stacks_in_9827 { font-size: 99%; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_9829, #stacks_in_9829 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_9829 { padding: 20px 0px !important; } #press_alignment_stacks_in_9829 { width: 100%; } #press_alignment_stacks_in_9829.press-left { text-align: left; } #press_alignment_stacks_in_9829.press-center { text-align: center; } #press_alignment_stacks_in_9829.press-right { text-align: right; } #stacks_in_9829 { transition: all 200ms ease; /* */ /* */ /* */ background: #4DCB61; background: -webkit-gradient(linear, left top, left bottom, from(to bottom), color-stop(#4DCB61), to(#16AB54)); background: linear-gradient(to bottom, #4DCB61, #16AB54); /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 10px 15px 10px 15px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_9829:hover { /* */ /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_9829:hover .press-icon i { /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_9829:active { /* */ /* */ /* */ /* */ } #stacks_in_9829:active .press-icon i { /* */ } #stacks_in_9829 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 10px 15px 10px 15px; border-radius: 0px 0px 0px 0px; /* */ /* */ /* */ background: #52A37C; background: -webkit-gradient(linear, left top, left bottom, from(to right), color-stop(#52A37C), to(#0D6634)); background: linear-gradient(to right, #52A37C, #0D6634); /* */ /* */ /* */ /* */ margin-right: 0px; /* */ /* */ /* */ } #stacks_in_9829 .press-icon i { font-size: 20px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_9829 .press-text { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; padding: 5px 10px 5px 10px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 16px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_9829 .press-text .out { margin: 0 !important; } #stacks_in_9829 { font-size: 12px; line-height: 16px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } /* ********* */ /* Normalize */ /* ********* */ /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ #stacks_in_9803 article, #stacks_in_9803 aside, #stacks_in_9803 details, #stacks_in_9803 figcaption, #stacks_in_9803 figure, #stacks_in_9803 footer, #stacks_in_9803 header, #stacks_in_9803 hgroup, #stacks_in_9803 main, #stacks_in_9803 nav, #stacks_in_9803 section, #stacks_in_9803 summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ #stacks_in_9803 audio, #stacks_in_9803 canvas, #stacks_in_9803 progress, #stacks_in_9803 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ #stacks_in_9803 audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ #stacks_in_9803 [hidden], #stacks_in_9803 template { display: none; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ #stacks_in_9803 img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ #stacks_in_9803 svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address differences between Firefox and other browsers. */ #stacks_in_9803 hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ #stacks_in_9803 pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ #stacks_in_9803 code, #stacks_in_9803 kbd, #stacks_in_9803 pre, #stacks_in_9803 samp { font-family: monospace, monospace; font-size: 1em; } /* **************** */ /* Stack Specific */ /* **************** */ #stacks_in_9803 *, #stacks_in_9803 *:before, #stacks_in_9803 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_9803 .wow { visibility: hidden; } /* We use this media query to add styles to any device that supports media queries */ @media only screen { #stacks_in_9803 .column_base_margin { margin-bottom: 0px; } } @media only screen and (max-width: 1024px) { #stacks_in_9803 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 768px wide. */ @media only screen and (max-width: 768px) { #stacks_in_9803 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 480px wide. */ @media only screen and (max-width: 640px) { #stacks_in_9803 .column_base_margin { margin-bottom: 0px; } } /* Handles making images responsive inside the stack */ #stacks_in_9803 img { max-width: 100%; height: auto; } /* **************** */ /* Foundation START */ /* **************** */ /* Copyright (c) 2013-2014 ZURB, inc. MIT License 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. */ #stacks_in_9803 meta.foundation-version { font-family: "/5.3.1/"; } #stacks_in_9803 meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } #stacks_in_9803 meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } #stacks_in_9803 meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } #stacks_in_9803 meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } #stacks_in_9803 meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } #stacks_in_9803 meta.foundation-data-attribute-namespace { font-family: false; } #stacks_in_9803 *, #stacks_in_9803 *:before, #stacks_in_9803 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_9803 .left { float: left !important; } #stacks_in_9803 .right { float: right !important; } #stacks_in_9803 .clearfix:before, #stacks_in_9803 .clearfix:after { content: " "; display: table; } #stacks_in_9803 .clearfix:after { clear: both; } #stacks_in_9803 .hide { display: none; } #stacks_in_9803 .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_9803 img { display: inline-block; vertical-align: middle; } #stacks_in_9803 textarea { height: auto; min-height: 50px; } #stacks_in_9803 select { width: 100%; } #stacks_in_9803 .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } #stacks_in_9803 .row:before, #stacks_in_9803 .row:after { content: " "; display: table; } #stacks_in_9803 .row:after { clear: both; } #stacks_in_9803 .row.collapse > .column, #stacks_in_9803 .row.collapse > .columns { padding-left: 0; padding-right: 0; } #stacks_in_9803 .row.collapse .row { margin-left: 0; margin-right: 0; } #stacks_in_9803 .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; } #stacks_in_9803 .row .row:before, #stacks_in_9803 .row .row:after { content: " "; display: table; } #stacks_in_9803 .row .row:after { clear: both; } #stacks_in_9803 .row .row.collapse { width: auto; margin: 0; max-width: none; } #stacks_in_9803 .row .row.collapse:before, #stacks_in_9803 .row .row.collapse:after { content: " "; display: table; } #stacks_in_9803 .row .row.collapse:after { clear: both; } #stacks_in_9803 .column, #stacks_in_9803 .columns { padding-left: 0.9375em; padding-right: 0.9375em; margin-right: 0; /* Fixes comaptiblity with some themes using skeleton.css */ margin-left: 0; /* Fixes comaptiblity with some themes using skeleton.css */ width: 100%; float: left; } #stacks_in_9803 [class*="column"] + [class*="column"]:last-child { float: right; } #stacks_in_9803 [class*="column"] + [class*="column"].end { float: left; } @media only screen { #stacks_in_9803 .small-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9803 .small-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9803 .small-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9803 .small-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9803 .small-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9803 .small-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9803 .small-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9803 .small-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9803 .small-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9803 .small-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9803 .small-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9803 .small-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9803 .small-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9803 .small-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9803 .small-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9803 .small-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9803 .small-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9803 .small-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9803 .small-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9803 .small-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9803 .small-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9803 .small-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9803 .small-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9803 .small-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_9803 .column, #stacks_in_9803 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_9803 .small-1 { width: 8.33333%; } #stacks_in_9803 .small-2 { width: 16.66667%; } #stacks_in_9803 .small-3 { width: 25%; } #stacks_in_9803 .small-4 { width: 33.33333%; } #stacks_in_9803 .small-5 { width: 41.66667%; } #stacks_in_9803 .small-6 { width: 50%; } #stacks_in_9803 .small-7 { width: 58.33333%; } #stacks_in_9803 .small-8 { width: 66.66667%; } #stacks_in_9803 .small-9 { width: 75%; } #stacks_in_9803 .small-10 { width: 83.33333%; } #stacks_in_9803 .small-11 { width: 91.66667%; } #stacks_in_9803 .small-12 { width: 100%; } #stacks_in_9803 .small-offset-0 { margin-left: 0% !important; } #stacks_in_9803 .small-offset-1 { margin-left: 8.33333% !important; } #stacks_in_9803 .small-offset-2 { margin-left: 16.66667% !important; } #stacks_in_9803 .small-offset-3 { margin-left: 25% !important; } #stacks_in_9803 .small-offset-4 { margin-left: 33.33333% !important; } #stacks_in_9803 .small-offset-5 { margin-left: 41.66667% !important; } #stacks_in_9803 .small-offset-6 { margin-left: 50% !important; } #stacks_in_9803 .small-offset-7 { margin-left: 58.33333% !important; } #stacks_in_9803 .small-offset-8 { margin-left: 66.66667% !important; } #stacks_in_9803 .small-offset-9 { margin-left: 75% !important; } #stacks_in_9803 .small-offset-10 { margin-left: 83.33333% !important; } #stacks_in_9803 .small-offset-11 { margin-left: 91.66667% !important; } #stacks_in_9803 .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_9803 .column.small-centered, #stacks_in_9803 .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_9803 .column.small-uncentered, #stacks_in_9803 .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_9803 .column.small-centered:last-child, #stacks_in_9803 .columns.small-centered:last-child { float: none; } #stacks_in_9803 .column.small-uncentered:last-child, #stacks_in_9803 .columns.small-uncentered:last-child { float: left; } #stacks_in_9803 .column.small-uncentered.opposite, #stacks_in_9803 .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 40.063em) { #stacks_in_9803 .medium-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9803 .medium-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9803 .medium-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9803 .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9803 .medium-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9803 .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9803 .medium-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9803 .medium-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9803 .medium-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9803 .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9803 .medium-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9803 .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9803 .medium-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9803 .medium-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9803 .medium-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9803 .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9803 .medium-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9803 .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9803 .medium-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9803 .medium-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9803 .medium-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9803 .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9803 .medium-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9803 .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_9803 .column, #stacks_in_9803 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_9803 .medium-1 { width: 8.33333%; } #stacks_in_9803 .medium-2 { width: 16.66667%; } #stacks_in_9803 .medium-3 { width: 25%; } #stacks_in_9803 .medium-4 { width: 33.33333%; } #stacks_in_9803 .medium-5 { width: 41.66667%; } #stacks_in_9803 .medium-6 { width: 50%; } #stacks_in_9803 .medium-7 { width: 58.33333%; } #stacks_in_9803 .medium-8 { width: 66.66667%; } #stacks_in_9803 .medium-9 { width: 75%; } #stacks_in_9803 .medium-10 { width: 83.33333%; } #stacks_in_9803 .medium-11 { width: 91.66667%; } #stacks_in_9803 .medium-12 { width: 100%; } #stacks_in_9803 .medium-offset-0 { margin-left: 0% !important; } #stacks_in_9803 .medium-offset-1 { margin-left: 8.33333% !important; } #stacks_in_9803 .medium-offset-2 { margin-left: 16.66667% !important; } #stacks_in_9803 .medium-offset-3 { margin-left: 25% !important; } #stacks_in_9803 .medium-offset-4 { margin-left: 33.33333% !important; } #stacks_in_9803 .medium-offset-5 { margin-left: 41.66667% !important; } #stacks_in_9803 .medium-offset-6 { margin-left: 50% !important; } #stacks_in_9803 .medium-offset-7 { margin-left: 58.33333% !important; } #stacks_in_9803 .medium-offset-8 { margin-left: 66.66667% !important; } #stacks_in_9803 .medium-offset-9 { margin-left: 75% !important; } #stacks_in_9803 .medium-offset-10 { margin-left: 83.33333% !important; } #stacks_in_9803 .medium-offset-11 { margin-left: 91.66667% !important; } #stacks_in_9803 .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_9803 .column.medium-centered, #stacks_in_9803 .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_9803 .column.medium-uncentered, #stacks_in_9803 .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_9803 .column.medium-centered:last-child, #stacks_in_9803 .columns.medium-centered:last-child { float: none; } #stacks_in_9803 .column.medium-uncentered:last-child, #stacks_in_9803 .columns.medium-uncentered:last-child { float: left; } #stacks_in_9803 .column.medium-uncentered.opposite, #stacks_in_9803 .columns.medium-uncentered.opposite { float: right; } #stacks_in_9803 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9803 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9803 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9803 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9803 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9803 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9803 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9803 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9803 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9803 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9803 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9803 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9803 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9803 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9803 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9803 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9803 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9803 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9803 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9803 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9803 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9803 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9803 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9803 .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { #stacks_in_9803 .large-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9803 .large-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9803 .large-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9803 .large-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9803 .large-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9803 .large-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9803 .large-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9803 .large-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9803 .large-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9803 .large-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9803 .large-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9803 .large-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9803 .large-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9803 .large-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9803 .large-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9803 .large-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9803 .large-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9803 .large-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9803 .large-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9803 .large-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9803 .large-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9803 .large-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9803 .large-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9803 .large-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_9803 .column, #stacks_in_9803 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_9803 .large-1 { width: 8.33333%; } #stacks_in_9803 .large-2 { width: 16.66667%; } #stacks_in_9803 .large-3 { width: 25%; } #stacks_in_9803 .large-4 { width: 33.33333%; } #stacks_in_9803 .large-5 { width: 41.66667%; } #stacks_in_9803 .large-6 { width: 50%; } #stacks_in_9803 .large-7 { width: 58.33333%; } #stacks_in_9803 .large-8 { width: 66.66667%; } #stacks_in_9803 .large-9 { width: 75%; } #stacks_in_9803 .large-10 { width: 83.33333%; } #stacks_in_9803 .large-11 { width: 91.66667%; } #stacks_in_9803 .large-12 { width: 100%; } #stacks_in_9803 .large-offset-0 { margin-left: 0% !important; } #stacks_in_9803 .large-offset-1 { margin-left: 8.33333% !important; } #stacks_in_9803 .large-offset-2 { margin-left: 16.66667% !important; } #stacks_in_9803 .large-offset-3 { margin-left: 25% !important; } #stacks_in_9803 .large-offset-4 { margin-left: 33.33333% !important; } #stacks_in_9803 .large-offset-5 { margin-left: 41.66667% !important; } #stacks_in_9803 .large-offset-6 { margin-left: 50% !important; } #stacks_in_9803 .large-offset-7 { margin-left: 58.33333% !important; } #stacks_in_9803 .large-offset-8 { margin-left: 66.66667% !important; } #stacks_in_9803 .large-offset-9 { margin-left: 75% !important; } #stacks_in_9803 .large-offset-10 { margin-left: 83.33333% !important; } #stacks_in_9803 .large-offset-11 { margin-left: 91.66667% !important; } #stacks_in_9803 .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_9803 .column.large-centered, #stacks_in_9803 .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_9803 .column.large-uncentered, #stacks_in_9803 .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_9803 .column.large-centered:last-child, #stacks_in_9803 .columns.large-centered:last-child { float: none; } #stacks_in_9803 .column.large-uncentered:last-child, #stacks_in_9803 .columns.large-uncentered:last-child { float: left; } #stacks_in_9803 .column.large-uncentered.opposite, #stacks_in_9803 .columns.large-uncentered.opposite { float: right; } #stacks_in_9803 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9803 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9803 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9803 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9803 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9803 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9803 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9803 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9803 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9803 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9803 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9803 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9803 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9803 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9803 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9803 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9803 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9803 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9803 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9803 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9803 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9803 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9803 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9803 .pull-11 { position: relative; right: 91.66667%; left: auto; } } #stacks_in_9803 [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } #stacks_in_9803 [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } #stacks_in_9803 [class*="block-grid-"]:after { clear: both; } #stacks_in_9803 [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { #stacks_in_9803 .small-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_9803 .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_9803 .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_9803 .small-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_9803 .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_9803 .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_9803 .small-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_9803 .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_9803 .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_9803 .small-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_9803 .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_9803 .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_9803 .small-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_9803 .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_9803 .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_9803 .small-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_9803 .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_9803 .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_9803 .small-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_9803 .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_9803 .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_9803 .small-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_9803 .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_9803 .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_9803 .small-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_9803 .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_9803 .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_9803 .small-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_9803 .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_9803 .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_9803 .small-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_9803 .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_9803 .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_9803 .small-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_9803 .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_9803 .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { #stacks_in_9803 .medium-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_9803 .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_9803 .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_9803 .medium-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_9803 .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_9803 .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_9803 .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_9803 .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_9803 .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_9803 .medium-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_9803 .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_9803 .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_9803 .medium-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_9803 .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_9803 .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_9803 .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_9803 .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_9803 .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_9803 .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_9803 .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_9803 .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_9803 .medium-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_9803 .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_9803 .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_9803 .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_9803 .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_9803 .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_9803 .medium-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_9803 .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_9803 .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_9803 .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_9803 .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_9803 .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_9803 .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_9803 .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_9803 .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { #stacks_in_9803 .large-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_9803 .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_9803 .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_9803 .large-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_9803 .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_9803 .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_9803 .large-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_9803 .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_9803 .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_9803 .large-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_9803 .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_9803 .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_9803 .large-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_9803 .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_9803 .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_9803 .large-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_9803 .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_9803 .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_9803 .large-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_9803 .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_9803 .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_9803 .large-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_9803 .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_9803 .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_9803 .large-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_9803 .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_9803 .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_9803 .large-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_9803 .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_9803 .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_9803 .large-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_9803 .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_9803 .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_9803 .large-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_9803 .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_9803 .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } #stacks_in_9803 { background-color: rgba(204, 204, 204, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; margin: 0px 0px 10px 0px; padding: 0px 5px 0px 5px; } #stacks_in_9804 h3,#stacks_in_9804 h3 a,#stacks_in_9804 p,#stacks_in_9804 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_9804 h3,#stacks_in_9804 h3 a,#stacks_in_9804 p,#stacks_in_9804 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_9804 h3,#stacks_in_9804 h3 a,#stacks_in_9804 p,#stacks_in_9804 p a{ font-size:12px; } } #stacks_in_9804 h3,#stacks_in_9804 h3 a,#stacks_in_9804 p,#stacks_in_9804 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_9804 p a:hover, #stacks_in_9804 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_9804 { margin: 10px 10px 10px 20px; padding: 0px 5px 0px 5px; } #stacks_out_9804 { margin-right:0; } #stacks_in_9805 { font-size: 99%; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_9807, #stacks_in_9807 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_9807 { padding: 20px 0px !important; } #press_alignment_stacks_in_9807 { width: 100%; } #press_alignment_stacks_in_9807.press-left { text-align: left; } #press_alignment_stacks_in_9807.press-center { text-align: center; } #press_alignment_stacks_in_9807.press-right { text-align: right; } #stacks_in_9807 { transition: all 200ms ease; /* */ /* */ /* */ background: #4DCB61; background: -webkit-gradient(linear, left top, left bottom, from(to bottom), color-stop(#4DCB61), to(#16AB54)); background: linear-gradient(to bottom, #4DCB61, #16AB54); /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 10px 15px 10px 15px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_9807:hover { /* */ /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_9807:hover .press-icon i { /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_9807:active { /* */ /* */ /* */ /* */ } #stacks_in_9807:active .press-icon i { /* */ } #stacks_in_9807 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 10px 15px 10px 15px; border-radius: 0px 0px 0px 0px; /* */ /* */ /* */ background: #52A37C; background: -webkit-gradient(linear, left top, left bottom, from(to right), color-stop(#52A37C), to(#0D6634)); background: linear-gradient(to right, #52A37C, #0D6634); /* */ /* */ /* */ /* */ margin-right: 0px; /* */ /* */ /* */ } #stacks_in_9807 .press-icon i { font-size: 20px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_9807 .press-text { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; padding: 5px 10px 5px 10px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 16px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_9807 .press-text .out { margin: 0 !important; } #stacks_in_9807 { font-size: 12px; line-height: 16px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } /* ********* */ /* Normalize */ /* ********* */ /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ #stacks_in_9638 article, #stacks_in_9638 aside, #stacks_in_9638 details, #stacks_in_9638 figcaption, #stacks_in_9638 figure, #stacks_in_9638 footer, #stacks_in_9638 header, #stacks_in_9638 hgroup, #stacks_in_9638 main, #stacks_in_9638 nav, #stacks_in_9638 section, #stacks_in_9638 summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ #stacks_in_9638 audio, #stacks_in_9638 canvas, #stacks_in_9638 progress, #stacks_in_9638 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ #stacks_in_9638 audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ #stacks_in_9638 [hidden], #stacks_in_9638 template { display: none; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ #stacks_in_9638 img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ #stacks_in_9638 svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address differences between Firefox and other browsers. */ #stacks_in_9638 hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ #stacks_in_9638 pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ #stacks_in_9638 code, #stacks_in_9638 kbd, #stacks_in_9638 pre, #stacks_in_9638 samp { font-family: monospace, monospace; font-size: 1em; } /* **************** */ /* Stack Specific */ /* **************** */ #stacks_in_9638 *, #stacks_in_9638 *:before, #stacks_in_9638 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_9638 .wow { visibility: hidden; } /* We use this media query to add styles to any device that supports media queries */ @media only screen { #stacks_in_9638 .column_base_margin { margin-bottom: 0px; } } @media only screen and (max-width: 1024px) { #stacks_in_9638 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 768px wide. */ @media only screen and (max-width: 768px) { #stacks_in_9638 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 480px wide. */ @media only screen and (max-width: 640px) { #stacks_in_9638 .column_base_margin { margin-bottom: 0px; } } /* Handles making images responsive inside the stack */ #stacks_in_9638 img { max-width: 100%; height: auto; } /* **************** */ /* Foundation START */ /* **************** */ /* Copyright (c) 2013-2014 ZURB, inc. MIT License 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. */ #stacks_in_9638 meta.foundation-version { font-family: "/5.3.1/"; } #stacks_in_9638 meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } #stacks_in_9638 meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } #stacks_in_9638 meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } #stacks_in_9638 meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } #stacks_in_9638 meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } #stacks_in_9638 meta.foundation-data-attribute-namespace { font-family: false; } #stacks_in_9638 *, #stacks_in_9638 *:before, #stacks_in_9638 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_9638 .left { float: left !important; } #stacks_in_9638 .right { float: right !important; } #stacks_in_9638 .clearfix:before, #stacks_in_9638 .clearfix:after { content: " "; display: table; } #stacks_in_9638 .clearfix:after { clear: both; } #stacks_in_9638 .hide { display: none; } #stacks_in_9638 .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_9638 img { display: inline-block; vertical-align: middle; } #stacks_in_9638 textarea { height: auto; min-height: 50px; } #stacks_in_9638 select { width: 100%; } #stacks_in_9638 .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } #stacks_in_9638 .row:before, #stacks_in_9638 .row:after { content: " "; display: table; } #stacks_in_9638 .row:after { clear: both; } #stacks_in_9638 .row.collapse > .column, #stacks_in_9638 .row.collapse > .columns { padding-left: 0; padding-right: 0; } #stacks_in_9638 .row.collapse .row { margin-left: 0; margin-right: 0; } #stacks_in_9638 .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; } #stacks_in_9638 .row .row:before, #stacks_in_9638 .row .row:after { content: " "; display: table; } #stacks_in_9638 .row .row:after { clear: both; } #stacks_in_9638 .row .row.collapse { width: auto; margin: 0; max-width: none; } #stacks_in_9638 .row .row.collapse:before, #stacks_in_9638 .row .row.collapse:after { content: " "; display: table; } #stacks_in_9638 .row .row.collapse:after { clear: both; } #stacks_in_9638 .column, #stacks_in_9638 .columns { padding-left: 0.9375em; padding-right: 0.9375em; margin-right: 0; /* Fixes comaptiblity with some themes using skeleton.css */ margin-left: 0; /* Fixes comaptiblity with some themes using skeleton.css */ width: 100%; float: left; } #stacks_in_9638 [class*="column"] + [class*="column"]:last-child { float: right; } #stacks_in_9638 [class*="column"] + [class*="column"].end { float: left; } @media only screen { #stacks_in_9638 .small-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9638 .small-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9638 .small-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9638 .small-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9638 .small-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9638 .small-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9638 .small-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9638 .small-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9638 .small-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9638 .small-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9638 .small-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9638 .small-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9638 .small-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9638 .small-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9638 .small-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9638 .small-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9638 .small-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9638 .small-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9638 .small-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9638 .small-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9638 .small-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9638 .small-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9638 .small-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9638 .small-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_9638 .column, #stacks_in_9638 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_9638 .small-1 { width: 8.33333%; } #stacks_in_9638 .small-2 { width: 16.66667%; } #stacks_in_9638 .small-3 { width: 25%; } #stacks_in_9638 .small-4 { width: 33.33333%; } #stacks_in_9638 .small-5 { width: 41.66667%; } #stacks_in_9638 .small-6 { width: 50%; } #stacks_in_9638 .small-7 { width: 58.33333%; } #stacks_in_9638 .small-8 { width: 66.66667%; } #stacks_in_9638 .small-9 { width: 75%; } #stacks_in_9638 .small-10 { width: 83.33333%; } #stacks_in_9638 .small-11 { width: 91.66667%; } #stacks_in_9638 .small-12 { width: 100%; } #stacks_in_9638 .small-offset-0 { margin-left: 0% !important; } #stacks_in_9638 .small-offset-1 { margin-left: 8.33333% !important; } #stacks_in_9638 .small-offset-2 { margin-left: 16.66667% !important; } #stacks_in_9638 .small-offset-3 { margin-left: 25% !important; } #stacks_in_9638 .small-offset-4 { margin-left: 33.33333% !important; } #stacks_in_9638 .small-offset-5 { margin-left: 41.66667% !important; } #stacks_in_9638 .small-offset-6 { margin-left: 50% !important; } #stacks_in_9638 .small-offset-7 { margin-left: 58.33333% !important; } #stacks_in_9638 .small-offset-8 { margin-left: 66.66667% !important; } #stacks_in_9638 .small-offset-9 { margin-left: 75% !important; } #stacks_in_9638 .small-offset-10 { margin-left: 83.33333% !important; } #stacks_in_9638 .small-offset-11 { margin-left: 91.66667% !important; } #stacks_in_9638 .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_9638 .column.small-centered, #stacks_in_9638 .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_9638 .column.small-uncentered, #stacks_in_9638 .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_9638 .column.small-centered:last-child, #stacks_in_9638 .columns.small-centered:last-child { float: none; } #stacks_in_9638 .column.small-uncentered:last-child, #stacks_in_9638 .columns.small-uncentered:last-child { float: left; } #stacks_in_9638 .column.small-uncentered.opposite, #stacks_in_9638 .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 40.063em) { #stacks_in_9638 .medium-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9638 .medium-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9638 .medium-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9638 .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9638 .medium-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9638 .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9638 .medium-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9638 .medium-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9638 .medium-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9638 .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9638 .medium-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9638 .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9638 .medium-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9638 .medium-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9638 .medium-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9638 .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9638 .medium-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9638 .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9638 .medium-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9638 .medium-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9638 .medium-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9638 .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9638 .medium-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9638 .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_9638 .column, #stacks_in_9638 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_9638 .medium-1 { width: 8.33333%; } #stacks_in_9638 .medium-2 { width: 16.66667%; } #stacks_in_9638 .medium-3 { width: 25%; } #stacks_in_9638 .medium-4 { width: 33.33333%; } #stacks_in_9638 .medium-5 { width: 41.66667%; } #stacks_in_9638 .medium-6 { width: 50%; } #stacks_in_9638 .medium-7 { width: 58.33333%; } #stacks_in_9638 .medium-8 { width: 66.66667%; } #stacks_in_9638 .medium-9 { width: 75%; } #stacks_in_9638 .medium-10 { width: 83.33333%; } #stacks_in_9638 .medium-11 { width: 91.66667%; } #stacks_in_9638 .medium-12 { width: 100%; } #stacks_in_9638 .medium-offset-0 { margin-left: 0% !important; } #stacks_in_9638 .medium-offset-1 { margin-left: 8.33333% !important; } #stacks_in_9638 .medium-offset-2 { margin-left: 16.66667% !important; } #stacks_in_9638 .medium-offset-3 { margin-left: 25% !important; } #stacks_in_9638 .medium-offset-4 { margin-left: 33.33333% !important; } #stacks_in_9638 .medium-offset-5 { margin-left: 41.66667% !important; } #stacks_in_9638 .medium-offset-6 { margin-left: 50% !important; } #stacks_in_9638 .medium-offset-7 { margin-left: 58.33333% !important; } #stacks_in_9638 .medium-offset-8 { margin-left: 66.66667% !important; } #stacks_in_9638 .medium-offset-9 { margin-left: 75% !important; } #stacks_in_9638 .medium-offset-10 { margin-left: 83.33333% !important; } #stacks_in_9638 .medium-offset-11 { margin-left: 91.66667% !important; } #stacks_in_9638 .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_9638 .column.medium-centered, #stacks_in_9638 .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_9638 .column.medium-uncentered, #stacks_in_9638 .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_9638 .column.medium-centered:last-child, #stacks_in_9638 .columns.medium-centered:last-child { float: none; } #stacks_in_9638 .column.medium-uncentered:last-child, #stacks_in_9638 .columns.medium-uncentered:last-child { float: left; } #stacks_in_9638 .column.medium-uncentered.opposite, #stacks_in_9638 .columns.medium-uncentered.opposite { float: right; } #stacks_in_9638 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9638 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9638 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9638 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9638 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9638 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9638 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9638 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9638 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9638 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9638 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9638 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9638 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9638 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9638 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9638 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9638 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9638 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9638 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9638 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9638 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9638 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9638 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9638 .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { #stacks_in_9638 .large-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9638 .large-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9638 .large-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9638 .large-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9638 .large-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9638 .large-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9638 .large-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9638 .large-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9638 .large-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9638 .large-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9638 .large-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9638 .large-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9638 .large-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9638 .large-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9638 .large-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9638 .large-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9638 .large-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9638 .large-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9638 .large-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9638 .large-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9638 .large-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9638 .large-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9638 .large-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9638 .large-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_9638 .column, #stacks_in_9638 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_9638 .large-1 { width: 8.33333%; } #stacks_in_9638 .large-2 { width: 16.66667%; } #stacks_in_9638 .large-3 { width: 25%; } #stacks_in_9638 .large-4 { width: 33.33333%; } #stacks_in_9638 .large-5 { width: 41.66667%; } #stacks_in_9638 .large-6 { width: 50%; } #stacks_in_9638 .large-7 { width: 58.33333%; } #stacks_in_9638 .large-8 { width: 66.66667%; } #stacks_in_9638 .large-9 { width: 75%; } #stacks_in_9638 .large-10 { width: 83.33333%; } #stacks_in_9638 .large-11 { width: 91.66667%; } #stacks_in_9638 .large-12 { width: 100%; } #stacks_in_9638 .large-offset-0 { margin-left: 0% !important; } #stacks_in_9638 .large-offset-1 { margin-left: 8.33333% !important; } #stacks_in_9638 .large-offset-2 { margin-left: 16.66667% !important; } #stacks_in_9638 .large-offset-3 { margin-left: 25% !important; } #stacks_in_9638 .large-offset-4 { margin-left: 33.33333% !important; } #stacks_in_9638 .large-offset-5 { margin-left: 41.66667% !important; } #stacks_in_9638 .large-offset-6 { margin-left: 50% !important; } #stacks_in_9638 .large-offset-7 { margin-left: 58.33333% !important; } #stacks_in_9638 .large-offset-8 { margin-left: 66.66667% !important; } #stacks_in_9638 .large-offset-9 { margin-left: 75% !important; } #stacks_in_9638 .large-offset-10 { margin-left: 83.33333% !important; } #stacks_in_9638 .large-offset-11 { margin-left: 91.66667% !important; } #stacks_in_9638 .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_9638 .column.large-centered, #stacks_in_9638 .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_9638 .column.large-uncentered, #stacks_in_9638 .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_9638 .column.large-centered:last-child, #stacks_in_9638 .columns.large-centered:last-child { float: none; } #stacks_in_9638 .column.large-uncentered:last-child, #stacks_in_9638 .columns.large-uncentered:last-child { float: left; } #stacks_in_9638 .column.large-uncentered.opposite, #stacks_in_9638 .columns.large-uncentered.opposite { float: right; } #stacks_in_9638 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9638 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9638 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9638 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9638 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9638 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9638 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9638 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9638 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9638 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9638 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9638 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9638 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9638 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9638 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9638 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9638 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9638 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9638 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9638 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9638 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9638 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9638 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9638 .pull-11 { position: relative; right: 91.66667%; left: auto; } } #stacks_in_9638 [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } #stacks_in_9638 [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } #stacks_in_9638 [class*="block-grid-"]:after { clear: both; } #stacks_in_9638 [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { #stacks_in_9638 .small-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_9638 .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_9638 .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_9638 .small-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_9638 .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_9638 .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_9638 .small-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_9638 .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_9638 .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_9638 .small-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_9638 .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_9638 .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_9638 .small-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_9638 .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_9638 .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_9638 .small-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_9638 .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_9638 .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_9638 .small-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_9638 .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_9638 .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_9638 .small-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_9638 .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_9638 .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_9638 .small-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_9638 .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_9638 .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_9638 .small-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_9638 .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_9638 .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_9638 .small-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_9638 .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_9638 .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_9638 .small-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_9638 .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_9638 .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { #stacks_in_9638 .medium-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_9638 .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_9638 .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_9638 .medium-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_9638 .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_9638 .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_9638 .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_9638 .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_9638 .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_9638 .medium-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_9638 .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_9638 .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_9638 .medium-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_9638 .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_9638 .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_9638 .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_9638 .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_9638 .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_9638 .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_9638 .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_9638 .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_9638 .medium-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_9638 .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_9638 .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_9638 .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_9638 .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_9638 .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_9638 .medium-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_9638 .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_9638 .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_9638 .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_9638 .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_9638 .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_9638 .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_9638 .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_9638 .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { #stacks_in_9638 .large-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_9638 .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_9638 .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_9638 .large-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_9638 .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_9638 .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_9638 .large-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_9638 .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_9638 .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_9638 .large-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_9638 .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_9638 .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_9638 .large-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_9638 .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_9638 .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_9638 .large-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_9638 .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_9638 .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_9638 .large-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_9638 .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_9638 .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_9638 .large-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_9638 .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_9638 .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_9638 .large-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_9638 .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_9638 .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_9638 .large-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_9638 .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_9638 .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_9638 .large-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_9638 .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_9638 .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_9638 .large-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_9638 .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_9638 .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } #stacks_in_9638 { background-color: rgba(204, 204, 204, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; margin: 0px 0px 10px 0px; padding: 0px 5px 0px 5px; } #stacks_in_9639 h3,#stacks_in_9639 h3 a,#stacks_in_9639 p,#stacks_in_9639 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_9639 h3,#stacks_in_9639 h3 a,#stacks_in_9639 p,#stacks_in_9639 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_9639 h3,#stacks_in_9639 h3 a,#stacks_in_9639 p,#stacks_in_9639 p a{ font-size:12px; } } #stacks_in_9639 h3,#stacks_in_9639 h3 a,#stacks_in_9639 p,#stacks_in_9639 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_9639 p a:hover, #stacks_in_9639 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_9639 { margin: 10px 0px 10px 20px; padding: 0px 5px 0px 5px; } #stacks_out_9639 { margin-right:0; } #stacks_in_9640 { font-size: 99%; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_9642, #stacks_in_9642 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_9642 { padding: 20px 0px !important; } #press_alignment_stacks_in_9642 { width: 100%; } #press_alignment_stacks_in_9642.press-left { text-align: left; } #press_alignment_stacks_in_9642.press-center { text-align: center; } #press_alignment_stacks_in_9642.press-right { text-align: right; } #stacks_in_9642 { transition: all 200ms ease; /* */ /* */ /* */ background: #4DCB61; background: -webkit-gradient(linear, left top, left bottom, from(to bottom), color-stop(#4DCB61), to(#16AB54)); background: linear-gradient(to bottom, #4DCB61, #16AB54); /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 10px 15px 10px 15px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_9642:hover { /* */ /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_9642:hover .press-icon i { /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_9642:active { /* */ /* */ /* */ /* */ } #stacks_in_9642:active .press-icon i { /* */ } #stacks_in_9642 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 10px 15px 10px 15px; border-radius: 0px 0px 0px 0px; /* */ /* */ /* */ background: #52A37C; background: -webkit-gradient(linear, left top, left bottom, from(to right), color-stop(#52A37C), to(#0D6634)); background: linear-gradient(to right, #52A37C, #0D6634); /* */ /* */ /* */ /* */ margin-right: 0px; /* */ /* */ /* */ } #stacks_in_9642 .press-icon i { font-size: 20px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_9642 .press-text { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; padding: 5px 10px 5px 10px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 16px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_9642 .press-text .out { margin: 0 !important; } #stacks_in_9642 { font-size: 12px; line-height: 16px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } #stacks_in_9739 h3,#stacks_in_9739 h3 a,#stacks_in_9739 p,#stacks_in_9739 p a{ font-size:16px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_9739 h3,#stacks_in_9739 h3 a,#stacks_in_9739 p,#stacks_in_9739 p a{ font-size:15px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_9739 h3,#stacks_in_9739 h3 a,#stacks_in_9739 p,#stacks_in_9739 p a{ font-size:13px; } } #stacks_in_9739 h3,#stacks_in_9739 h3 a,#stacks_in_9739 p,#stacks_in_9739 p a{ color:rgba(255, 255, 255, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_9739 p a:hover, #stacks_in_9739 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_9739 { background-color: rgba(2, 31, 57, 1.00); margin: 10px 0px 10px 0px; padding: 10px; } #stacks_out_9739 { margin-right:0; } #stacks_in_9743 { font-size: 99%; } /* ********* */ /* Normalize */ /* ********* */ /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ #stacks_in_7000 article, #stacks_in_7000 aside, #stacks_in_7000 details, #stacks_in_7000 figcaption, #stacks_in_7000 figure, #stacks_in_7000 footer, #stacks_in_7000 header, #stacks_in_7000 hgroup, #stacks_in_7000 main, #stacks_in_7000 nav, #stacks_in_7000 section, #stacks_in_7000 summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ #stacks_in_7000 audio, #stacks_in_7000 canvas, #stacks_in_7000 progress, #stacks_in_7000 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ #stacks_in_7000 audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ #stacks_in_7000 [hidden], #stacks_in_7000 template { display: none; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ #stacks_in_7000 img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ #stacks_in_7000 svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address differences between Firefox and other browsers. */ #stacks_in_7000 hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ #stacks_in_7000 pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ #stacks_in_7000 code, #stacks_in_7000 kbd, #stacks_in_7000 pre, #stacks_in_7000 samp { font-family: monospace, monospace; font-size: 1em; } /* **************** */ /* Stack Specific */ /* **************** */ #stacks_in_7000 *, #stacks_in_7000 *:before, #stacks_in_7000 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_7000 .wow { visibility: hidden; } /* We use this media query to add styles to any device that supports media queries */ @media only screen { #stacks_in_7000 .column_base_margin { margin-bottom: 0px; } } @media only screen and (max-width: 1024px) { #stacks_in_7000 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 768px wide. */ @media only screen and (max-width: 768px) { #stacks_in_7000 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 480px wide. */ @media only screen and (max-width: 640px) { #stacks_in_7000 .column_base_margin { margin-bottom: 0px; } } /* Handles making images responsive inside the stack */ #stacks_in_7000 img { max-width: 100%; height: auto; } /* **************** */ /* Foundation START */ /* **************** */ /* Copyright (c) 2013-2014 ZURB, inc. MIT License 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. */ #stacks_in_7000 meta.foundation-version { font-family: "/5.3.1/"; } #stacks_in_7000 meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } #stacks_in_7000 meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } #stacks_in_7000 meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } #stacks_in_7000 meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } #stacks_in_7000 meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } #stacks_in_7000 meta.foundation-data-attribute-namespace { font-family: false; } #stacks_in_7000 *, #stacks_in_7000 *:before, #stacks_in_7000 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_7000 .left { float: left !important; } #stacks_in_7000 .right { float: right !important; } #stacks_in_7000 .clearfix:before, #stacks_in_7000 .clearfix:after { content: " "; display: table; } #stacks_in_7000 .clearfix:after { clear: both; } #stacks_in_7000 .hide { display: none; } #stacks_in_7000 .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_7000 img { display: inline-block; vertical-align: middle; } #stacks_in_7000 textarea { height: auto; min-height: 50px; } #stacks_in_7000 select { width: 100%; } #stacks_in_7000 .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } #stacks_in_7000 .row:before, #stacks_in_7000 .row:after { content: " "; display: table; } #stacks_in_7000 .row:after { clear: both; } #stacks_in_7000 .row.collapse > .column, #stacks_in_7000 .row.collapse > .columns { padding-left: 0; padding-right: 0; } #stacks_in_7000 .row.collapse .row { margin-left: 0; margin-right: 0; } #stacks_in_7000 .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; } #stacks_in_7000 .row .row:before, #stacks_in_7000 .row .row:after { content: " "; display: table; } #stacks_in_7000 .row .row:after { clear: both; } #stacks_in_7000 .row .row.collapse { width: auto; margin: 0; max-width: none; } #stacks_in_7000 .row .row.collapse:before, #stacks_in_7000 .row .row.collapse:after { content: " "; display: table; } #stacks_in_7000 .row .row.collapse:after { clear: both; } #stacks_in_7000 .column, #stacks_in_7000 .columns { padding-left: 0.9375em; padding-right: 0.9375em; margin-right: 0; /* Fixes comaptiblity with some themes using skeleton.css */ margin-left: 0; /* Fixes comaptiblity with some themes using skeleton.css */ width: 100%; float: left; } #stacks_in_7000 [class*="column"] + [class*="column"]:last-child { float: right; } #stacks_in_7000 [class*="column"] + [class*="column"].end { float: left; } @media only screen { #stacks_in_7000 .small-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_7000 .small-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_7000 .small-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_7000 .small-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_7000 .small-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_7000 .small-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_7000 .small-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_7000 .small-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_7000 .small-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_7000 .small-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_7000 .small-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_7000 .small-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_7000 .small-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_7000 .small-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_7000 .small-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_7000 .small-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_7000 .small-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_7000 .small-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_7000 .small-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_7000 .small-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_7000 .small-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_7000 .small-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_7000 .small-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_7000 .small-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_7000 .column, #stacks_in_7000 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_7000 .small-1 { width: 8.33333%; } #stacks_in_7000 .small-2 { width: 16.66667%; } #stacks_in_7000 .small-3 { width: 25%; } #stacks_in_7000 .small-4 { width: 33.33333%; } #stacks_in_7000 .small-5 { width: 41.66667%; } #stacks_in_7000 .small-6 { width: 50%; } #stacks_in_7000 .small-7 { width: 58.33333%; } #stacks_in_7000 .small-8 { width: 66.66667%; } #stacks_in_7000 .small-9 { width: 75%; } #stacks_in_7000 .small-10 { width: 83.33333%; } #stacks_in_7000 .small-11 { width: 91.66667%; } #stacks_in_7000 .small-12 { width: 100%; } #stacks_in_7000 .small-offset-0 { margin-left: 0% !important; } #stacks_in_7000 .small-offset-1 { margin-left: 8.33333% !important; } #stacks_in_7000 .small-offset-2 { margin-left: 16.66667% !important; } #stacks_in_7000 .small-offset-3 { margin-left: 25% !important; } #stacks_in_7000 .small-offset-4 { margin-left: 33.33333% !important; } #stacks_in_7000 .small-offset-5 { margin-left: 41.66667% !important; } #stacks_in_7000 .small-offset-6 { margin-left: 50% !important; } #stacks_in_7000 .small-offset-7 { margin-left: 58.33333% !important; } #stacks_in_7000 .small-offset-8 { margin-left: 66.66667% !important; } #stacks_in_7000 .small-offset-9 { margin-left: 75% !important; } #stacks_in_7000 .small-offset-10 { margin-left: 83.33333% !important; } #stacks_in_7000 .small-offset-11 { margin-left: 91.66667% !important; } #stacks_in_7000 .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_7000 .column.small-centered, #stacks_in_7000 .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_7000 .column.small-uncentered, #stacks_in_7000 .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_7000 .column.small-centered:last-child, #stacks_in_7000 .columns.small-centered:last-child { float: none; } #stacks_in_7000 .column.small-uncentered:last-child, #stacks_in_7000 .columns.small-uncentered:last-child { float: left; } #stacks_in_7000 .column.small-uncentered.opposite, #stacks_in_7000 .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 40.063em) { #stacks_in_7000 .medium-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_7000 .medium-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_7000 .medium-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_7000 .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_7000 .medium-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_7000 .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_7000 .medium-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_7000 .medium-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_7000 .medium-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_7000 .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_7000 .medium-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_7000 .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_7000 .medium-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_7000 .medium-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_7000 .medium-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_7000 .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_7000 .medium-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_7000 .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_7000 .medium-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_7000 .medium-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_7000 .medium-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_7000 .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_7000 .medium-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_7000 .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_7000 .column, #stacks_in_7000 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_7000 .medium-1 { width: 8.33333%; } #stacks_in_7000 .medium-2 { width: 16.66667%; } #stacks_in_7000 .medium-3 { width: 25%; } #stacks_in_7000 .medium-4 { width: 33.33333%; } #stacks_in_7000 .medium-5 { width: 41.66667%; } #stacks_in_7000 .medium-6 { width: 50%; } #stacks_in_7000 .medium-7 { width: 58.33333%; } #stacks_in_7000 .medium-8 { width: 66.66667%; } #stacks_in_7000 .medium-9 { width: 75%; } #stacks_in_7000 .medium-10 { width: 83.33333%; } #stacks_in_7000 .medium-11 { width: 91.66667%; } #stacks_in_7000 .medium-12 { width: 100%; } #stacks_in_7000 .medium-offset-0 { margin-left: 0% !important; } #stacks_in_7000 .medium-offset-1 { margin-left: 8.33333% !important; } #stacks_in_7000 .medium-offset-2 { margin-left: 16.66667% !important; } #stacks_in_7000 .medium-offset-3 { margin-left: 25% !important; } #stacks_in_7000 .medium-offset-4 { margin-left: 33.33333% !important; } #stacks_in_7000 .medium-offset-5 { margin-left: 41.66667% !important; } #stacks_in_7000 .medium-offset-6 { margin-left: 50% !important; } #stacks_in_7000 .medium-offset-7 { margin-left: 58.33333% !important; } #stacks_in_7000 .medium-offset-8 { margin-left: 66.66667% !important; } #stacks_in_7000 .medium-offset-9 { margin-left: 75% !important; } #stacks_in_7000 .medium-offset-10 { margin-left: 83.33333% !important; } #stacks_in_7000 .medium-offset-11 { margin-left: 91.66667% !important; } #stacks_in_7000 .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_7000 .column.medium-centered, #stacks_in_7000 .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_7000 .column.medium-uncentered, #stacks_in_7000 .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_7000 .column.medium-centered:last-child, #stacks_in_7000 .columns.medium-centered:last-child { float: none; } #stacks_in_7000 .column.medium-uncentered:last-child, #stacks_in_7000 .columns.medium-uncentered:last-child { float: left; } #stacks_in_7000 .column.medium-uncentered.opposite, #stacks_in_7000 .columns.medium-uncentered.opposite { float: right; } #stacks_in_7000 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_7000 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_7000 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_7000 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_7000 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_7000 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_7000 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_7000 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_7000 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_7000 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_7000 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_7000 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_7000 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_7000 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_7000 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_7000 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_7000 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_7000 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_7000 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_7000 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_7000 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_7000 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_7000 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_7000 .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { #stacks_in_7000 .large-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_7000 .large-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_7000 .large-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_7000 .large-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_7000 .large-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_7000 .large-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_7000 .large-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_7000 .large-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_7000 .large-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_7000 .large-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_7000 .large-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_7000 .large-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_7000 .large-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_7000 .large-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_7000 .large-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_7000 .large-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_7000 .large-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_7000 .large-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_7000 .large-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_7000 .large-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_7000 .large-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_7000 .large-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_7000 .large-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_7000 .large-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_7000 .column, #stacks_in_7000 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_7000 .large-1 { width: 8.33333%; } #stacks_in_7000 .large-2 { width: 16.66667%; } #stacks_in_7000 .large-3 { width: 25%; } #stacks_in_7000 .large-4 { width: 33.33333%; } #stacks_in_7000 .large-5 { width: 41.66667%; } #stacks_in_7000 .large-6 { width: 50%; } #stacks_in_7000 .large-7 { width: 58.33333%; } #stacks_in_7000 .large-8 { width: 66.66667%; } #stacks_in_7000 .large-9 { width: 75%; } #stacks_in_7000 .large-10 { width: 83.33333%; } #stacks_in_7000 .large-11 { width: 91.66667%; } #stacks_in_7000 .large-12 { width: 100%; } #stacks_in_7000 .large-offset-0 { margin-left: 0% !important; } #stacks_in_7000 .large-offset-1 { margin-left: 8.33333% !important; } #stacks_in_7000 .large-offset-2 { margin-left: 16.66667% !important; } #stacks_in_7000 .large-offset-3 { margin-left: 25% !important; } #stacks_in_7000 .large-offset-4 { margin-left: 33.33333% !important; } #stacks_in_7000 .large-offset-5 { margin-left: 41.66667% !important; } #stacks_in_7000 .large-offset-6 { margin-left: 50% !important; } #stacks_in_7000 .large-offset-7 { margin-left: 58.33333% !important; } #stacks_in_7000 .large-offset-8 { margin-left: 66.66667% !important; } #stacks_in_7000 .large-offset-9 { margin-left: 75% !important; } #stacks_in_7000 .large-offset-10 { margin-left: 83.33333% !important; } #stacks_in_7000 .large-offset-11 { margin-left: 91.66667% !important; } #stacks_in_7000 .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_7000 .column.large-centered, #stacks_in_7000 .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_7000 .column.large-uncentered, #stacks_in_7000 .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_7000 .column.large-centered:last-child, #stacks_in_7000 .columns.large-centered:last-child { float: none; } #stacks_in_7000 .column.large-uncentered:last-child, #stacks_in_7000 .columns.large-uncentered:last-child { float: left; } #stacks_in_7000 .column.large-uncentered.opposite, #stacks_in_7000 .columns.large-uncentered.opposite { float: right; } #stacks_in_7000 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_7000 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_7000 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_7000 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_7000 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_7000 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_7000 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_7000 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_7000 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_7000 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_7000 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_7000 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_7000 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_7000 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_7000 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_7000 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_7000 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_7000 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_7000 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_7000 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_7000 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_7000 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_7000 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_7000 .pull-11 { position: relative; right: 91.66667%; left: auto; } } #stacks_in_7000 [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } #stacks_in_7000 [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } #stacks_in_7000 [class*="block-grid-"]:after { clear: both; } #stacks_in_7000 [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { #stacks_in_7000 .small-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_7000 .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_7000 .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_7000 .small-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_7000 .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_7000 .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_7000 .small-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_7000 .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_7000 .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_7000 .small-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_7000 .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_7000 .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_7000 .small-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_7000 .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_7000 .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_7000 .small-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_7000 .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_7000 .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_7000 .small-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_7000 .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_7000 .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_7000 .small-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_7000 .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_7000 .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_7000 .small-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_7000 .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_7000 .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_7000 .small-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_7000 .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_7000 .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_7000 .small-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_7000 .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_7000 .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_7000 .small-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_7000 .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_7000 .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { #stacks_in_7000 .medium-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_7000 .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_7000 .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_7000 .medium-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_7000 .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_7000 .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_7000 .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_7000 .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_7000 .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_7000 .medium-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_7000 .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_7000 .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_7000 .medium-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_7000 .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_7000 .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_7000 .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_7000 .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_7000 .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_7000 .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_7000 .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_7000 .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_7000 .medium-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_7000 .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_7000 .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_7000 .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_7000 .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_7000 .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_7000 .medium-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_7000 .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_7000 .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_7000 .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_7000 .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_7000 .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_7000 .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_7000 .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_7000 .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { #stacks_in_7000 .large-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_7000 .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_7000 .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_7000 .large-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_7000 .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_7000 .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_7000 .large-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_7000 .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_7000 .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_7000 .large-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_7000 .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_7000 .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_7000 .large-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_7000 .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_7000 .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_7000 .large-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_7000 .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_7000 .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_7000 .large-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_7000 .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_7000 .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_7000 .large-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_7000 .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_7000 .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_7000 .large-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_7000 .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_7000 .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_7000 .large-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_7000 .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_7000 .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_7000 .large-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_7000 .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_7000 .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_7000 .large-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_7000 .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_7000 .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } #stacks_in_7000 { background-color: rgba(204, 204, 204, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; margin: 0px 0px 10px 0px; padding: 0px 5px 0px 5px; } #stacks_in_7001 h3,#stacks_in_7001 h3 a,#stacks_in_7001 p,#stacks_in_7001 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_7001 h3,#stacks_in_7001 h3 a,#stacks_in_7001 p,#stacks_in_7001 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_7001 h3,#stacks_in_7001 h3 a,#stacks_in_7001 p,#stacks_in_7001 p a{ font-size:12px; } } #stacks_in_7001 h3,#stacks_in_7001 h3 a,#stacks_in_7001 p,#stacks_in_7001 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_7001 p a:hover, #stacks_in_7001 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_7001 { margin: 10px 10px 10px 20px; padding: 0px 5px 0px 5px; } #stacks_out_7001 { margin-right:0; } #stacks_in_7002 { font-size: 99%; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_7004, #stacks_in_7004 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_7004 { padding: 20px 0px !important; } #press_alignment_stacks_in_7004 { width: 100%; } #press_alignment_stacks_in_7004.press-left { text-align: left; } #press_alignment_stacks_in_7004.press-center { text-align: center; } #press_alignment_stacks_in_7004.press-right { text-align: right; } #stacks_in_7004 { transition: all 200ms ease; /* */ /* */ /* */ background: #4DCB61; background: -webkit-gradient(linear, left top, left bottom, from(to bottom), color-stop(#4DCB61), to(#16AB54)); background: linear-gradient(to bottom, #4DCB61, #16AB54); /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 10px 15px 10px 15px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_7004:hover { /* */ /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_7004:hover .press-icon i { /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_7004:active { /* */ /* */ /* */ /* */ } #stacks_in_7004:active .press-icon i { /* */ } #stacks_in_7004 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 10px 15px 10px 15px; border-radius: 0px 0px 0px 0px; /* */ /* */ /* */ background: #52A37C; background: -webkit-gradient(linear, left top, left bottom, from(to right), color-stop(#52A37C), to(#0D6634)); background: linear-gradient(to right, #52A37C, #0D6634); /* */ /* */ /* */ /* */ margin-right: 0px; /* */ /* */ /* */ } #stacks_in_7004 .press-icon i { font-size: 20px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_7004 .press-text { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; padding: 5px 10px 5px 10px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 16px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_7004 .press-text .out { margin: 0 !important; } #stacks_in_7004 { font-size: 12px; line-height: 16px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } /* ********* */ /* Normalize */ /* ********* */ /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ #stacks_in_9794 article, #stacks_in_9794 aside, #stacks_in_9794 details, #stacks_in_9794 figcaption, #stacks_in_9794 figure, #stacks_in_9794 footer, #stacks_in_9794 header, #stacks_in_9794 hgroup, #stacks_in_9794 main, #stacks_in_9794 nav, #stacks_in_9794 section, #stacks_in_9794 summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ #stacks_in_9794 audio, #stacks_in_9794 canvas, #stacks_in_9794 progress, #stacks_in_9794 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ #stacks_in_9794 audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ #stacks_in_9794 [hidden], #stacks_in_9794 template { display: none; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ #stacks_in_9794 img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ #stacks_in_9794 svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address differences between Firefox and other browsers. */ #stacks_in_9794 hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ #stacks_in_9794 pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ #stacks_in_9794 code, #stacks_in_9794 kbd, #stacks_in_9794 pre, #stacks_in_9794 samp { font-family: monospace, monospace; font-size: 1em; } /* **************** */ /* Stack Specific */ /* **************** */ #stacks_in_9794 *, #stacks_in_9794 *:before, #stacks_in_9794 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_9794 .wow { visibility: hidden; } /* We use this media query to add styles to any device that supports media queries */ @media only screen { #stacks_in_9794 .column_base_margin { margin-bottom: 0px; } } @media only screen and (max-width: 1024px) { #stacks_in_9794 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 768px wide. */ @media only screen and (max-width: 768px) { #stacks_in_9794 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 480px wide. */ @media only screen and (max-width: 640px) { #stacks_in_9794 .column_base_margin { margin-bottom: 0px; } } /* Handles making images responsive inside the stack */ #stacks_in_9794 img { max-width: 100%; height: auto; } /* **************** */ /* Foundation START */ /* **************** */ /* Copyright (c) 2013-2014 ZURB, inc. MIT License 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. */ #stacks_in_9794 meta.foundation-version { font-family: "/5.3.1/"; } #stacks_in_9794 meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } #stacks_in_9794 meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } #stacks_in_9794 meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } #stacks_in_9794 meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } #stacks_in_9794 meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } #stacks_in_9794 meta.foundation-data-attribute-namespace { font-family: false; } #stacks_in_9794 *, #stacks_in_9794 *:before, #stacks_in_9794 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_9794 .left { float: left !important; } #stacks_in_9794 .right { float: right !important; } #stacks_in_9794 .clearfix:before, #stacks_in_9794 .clearfix:after { content: " "; display: table; } #stacks_in_9794 .clearfix:after { clear: both; } #stacks_in_9794 .hide { display: none; } #stacks_in_9794 .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_9794 img { display: inline-block; vertical-align: middle; } #stacks_in_9794 textarea { height: auto; min-height: 50px; } #stacks_in_9794 select { width: 100%; } #stacks_in_9794 .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } #stacks_in_9794 .row:before, #stacks_in_9794 .row:after { content: " "; display: table; } #stacks_in_9794 .row:after { clear: both; } #stacks_in_9794 .row.collapse > .column, #stacks_in_9794 .row.collapse > .columns { padding-left: 0; padding-right: 0; } #stacks_in_9794 .row.collapse .row { margin-left: 0; margin-right: 0; } #stacks_in_9794 .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; } #stacks_in_9794 .row .row:before, #stacks_in_9794 .row .row:after { content: " "; display: table; } #stacks_in_9794 .row .row:after { clear: both; } #stacks_in_9794 .row .row.collapse { width: auto; margin: 0; max-width: none; } #stacks_in_9794 .row .row.collapse:before, #stacks_in_9794 .row .row.collapse:after { content: " "; display: table; } #stacks_in_9794 .row .row.collapse:after { clear: both; } #stacks_in_9794 .column, #stacks_in_9794 .columns { padding-left: 0.9375em; padding-right: 0.9375em; margin-right: 0; /* Fixes comaptiblity with some themes using skeleton.css */ margin-left: 0; /* Fixes comaptiblity with some themes using skeleton.css */ width: 100%; float: left; } #stacks_in_9794 [class*="column"] + [class*="column"]:last-child { float: right; } #stacks_in_9794 [class*="column"] + [class*="column"].end { float: left; } @media only screen { #stacks_in_9794 .small-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9794 .small-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9794 .small-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9794 .small-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9794 .small-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9794 .small-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9794 .small-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9794 .small-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9794 .small-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9794 .small-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9794 .small-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9794 .small-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9794 .small-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9794 .small-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9794 .small-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9794 .small-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9794 .small-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9794 .small-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9794 .small-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9794 .small-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9794 .small-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9794 .small-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9794 .small-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9794 .small-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_9794 .column, #stacks_in_9794 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_9794 .small-1 { width: 8.33333%; } #stacks_in_9794 .small-2 { width: 16.66667%; } #stacks_in_9794 .small-3 { width: 25%; } #stacks_in_9794 .small-4 { width: 33.33333%; } #stacks_in_9794 .small-5 { width: 41.66667%; } #stacks_in_9794 .small-6 { width: 50%; } #stacks_in_9794 .small-7 { width: 58.33333%; } #stacks_in_9794 .small-8 { width: 66.66667%; } #stacks_in_9794 .small-9 { width: 75%; } #stacks_in_9794 .small-10 { width: 83.33333%; } #stacks_in_9794 .small-11 { width: 91.66667%; } #stacks_in_9794 .small-12 { width: 100%; } #stacks_in_9794 .small-offset-0 { margin-left: 0% !important; } #stacks_in_9794 .small-offset-1 { margin-left: 8.33333% !important; } #stacks_in_9794 .small-offset-2 { margin-left: 16.66667% !important; } #stacks_in_9794 .small-offset-3 { margin-left: 25% !important; } #stacks_in_9794 .small-offset-4 { margin-left: 33.33333% !important; } #stacks_in_9794 .small-offset-5 { margin-left: 41.66667% !important; } #stacks_in_9794 .small-offset-6 { margin-left: 50% !important; } #stacks_in_9794 .small-offset-7 { margin-left: 58.33333% !important; } #stacks_in_9794 .small-offset-8 { margin-left: 66.66667% !important; } #stacks_in_9794 .small-offset-9 { margin-left: 75% !important; } #stacks_in_9794 .small-offset-10 { margin-left: 83.33333% !important; } #stacks_in_9794 .small-offset-11 { margin-left: 91.66667% !important; } #stacks_in_9794 .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_9794 .column.small-centered, #stacks_in_9794 .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_9794 .column.small-uncentered, #stacks_in_9794 .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_9794 .column.small-centered:last-child, #stacks_in_9794 .columns.small-centered:last-child { float: none; } #stacks_in_9794 .column.small-uncentered:last-child, #stacks_in_9794 .columns.small-uncentered:last-child { float: left; } #stacks_in_9794 .column.small-uncentered.opposite, #stacks_in_9794 .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 40.063em) { #stacks_in_9794 .medium-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9794 .medium-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9794 .medium-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9794 .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9794 .medium-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9794 .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9794 .medium-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9794 .medium-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9794 .medium-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9794 .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9794 .medium-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9794 .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9794 .medium-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9794 .medium-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9794 .medium-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9794 .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9794 .medium-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9794 .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9794 .medium-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9794 .medium-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9794 .medium-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9794 .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9794 .medium-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9794 .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_9794 .column, #stacks_in_9794 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_9794 .medium-1 { width: 8.33333%; } #stacks_in_9794 .medium-2 { width: 16.66667%; } #stacks_in_9794 .medium-3 { width: 25%; } #stacks_in_9794 .medium-4 { width: 33.33333%; } #stacks_in_9794 .medium-5 { width: 41.66667%; } #stacks_in_9794 .medium-6 { width: 50%; } #stacks_in_9794 .medium-7 { width: 58.33333%; } #stacks_in_9794 .medium-8 { width: 66.66667%; } #stacks_in_9794 .medium-9 { width: 75%; } #stacks_in_9794 .medium-10 { width: 83.33333%; } #stacks_in_9794 .medium-11 { width: 91.66667%; } #stacks_in_9794 .medium-12 { width: 100%; } #stacks_in_9794 .medium-offset-0 { margin-left: 0% !important; } #stacks_in_9794 .medium-offset-1 { margin-left: 8.33333% !important; } #stacks_in_9794 .medium-offset-2 { margin-left: 16.66667% !important; } #stacks_in_9794 .medium-offset-3 { margin-left: 25% !important; } #stacks_in_9794 .medium-offset-4 { margin-left: 33.33333% !important; } #stacks_in_9794 .medium-offset-5 { margin-left: 41.66667% !important; } #stacks_in_9794 .medium-offset-6 { margin-left: 50% !important; } #stacks_in_9794 .medium-offset-7 { margin-left: 58.33333% !important; } #stacks_in_9794 .medium-offset-8 { margin-left: 66.66667% !important; } #stacks_in_9794 .medium-offset-9 { margin-left: 75% !important; } #stacks_in_9794 .medium-offset-10 { margin-left: 83.33333% !important; } #stacks_in_9794 .medium-offset-11 { margin-left: 91.66667% !important; } #stacks_in_9794 .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_9794 .column.medium-centered, #stacks_in_9794 .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_9794 .column.medium-uncentered, #stacks_in_9794 .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_9794 .column.medium-centered:last-child, #stacks_in_9794 .columns.medium-centered:last-child { float: none; } #stacks_in_9794 .column.medium-uncentered:last-child, #stacks_in_9794 .columns.medium-uncentered:last-child { float: left; } #stacks_in_9794 .column.medium-uncentered.opposite, #stacks_in_9794 .columns.medium-uncentered.opposite { float: right; } #stacks_in_9794 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9794 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9794 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9794 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9794 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9794 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9794 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9794 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9794 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9794 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9794 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9794 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9794 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9794 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9794 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9794 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9794 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9794 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9794 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9794 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9794 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9794 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9794 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9794 .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { #stacks_in_9794 .large-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9794 .large-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9794 .large-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9794 .large-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9794 .large-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9794 .large-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9794 .large-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9794 .large-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9794 .large-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9794 .large-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9794 .large-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9794 .large-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9794 .large-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9794 .large-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9794 .large-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9794 .large-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9794 .large-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9794 .large-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9794 .large-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9794 .large-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9794 .large-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9794 .large-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9794 .large-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9794 .large-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_9794 .column, #stacks_in_9794 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_9794 .large-1 { width: 8.33333%; } #stacks_in_9794 .large-2 { width: 16.66667%; } #stacks_in_9794 .large-3 { width: 25%; } #stacks_in_9794 .large-4 { width: 33.33333%; } #stacks_in_9794 .large-5 { width: 41.66667%; } #stacks_in_9794 .large-6 { width: 50%; } #stacks_in_9794 .large-7 { width: 58.33333%; } #stacks_in_9794 .large-8 { width: 66.66667%; } #stacks_in_9794 .large-9 { width: 75%; } #stacks_in_9794 .large-10 { width: 83.33333%; } #stacks_in_9794 .large-11 { width: 91.66667%; } #stacks_in_9794 .large-12 { width: 100%; } #stacks_in_9794 .large-offset-0 { margin-left: 0% !important; } #stacks_in_9794 .large-offset-1 { margin-left: 8.33333% !important; } #stacks_in_9794 .large-offset-2 { margin-left: 16.66667% !important; } #stacks_in_9794 .large-offset-3 { margin-left: 25% !important; } #stacks_in_9794 .large-offset-4 { margin-left: 33.33333% !important; } #stacks_in_9794 .large-offset-5 { margin-left: 41.66667% !important; } #stacks_in_9794 .large-offset-6 { margin-left: 50% !important; } #stacks_in_9794 .large-offset-7 { margin-left: 58.33333% !important; } #stacks_in_9794 .large-offset-8 { margin-left: 66.66667% !important; } #stacks_in_9794 .large-offset-9 { margin-left: 75% !important; } #stacks_in_9794 .large-offset-10 { margin-left: 83.33333% !important; } #stacks_in_9794 .large-offset-11 { margin-left: 91.66667% !important; } #stacks_in_9794 .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_9794 .column.large-centered, #stacks_in_9794 .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_9794 .column.large-uncentered, #stacks_in_9794 .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_9794 .column.large-centered:last-child, #stacks_in_9794 .columns.large-centered:last-child { float: none; } #stacks_in_9794 .column.large-uncentered:last-child, #stacks_in_9794 .columns.large-uncentered:last-child { float: left; } #stacks_in_9794 .column.large-uncentered.opposite, #stacks_in_9794 .columns.large-uncentered.opposite { float: right; } #stacks_in_9794 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9794 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9794 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9794 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9794 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9794 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9794 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9794 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9794 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9794 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9794 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9794 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9794 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9794 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9794 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9794 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9794 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9794 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9794 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9794 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9794 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9794 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9794 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9794 .pull-11 { position: relative; right: 91.66667%; left: auto; } } #stacks_in_9794 [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } #stacks_in_9794 [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } #stacks_in_9794 [class*="block-grid-"]:after { clear: both; } #stacks_in_9794 [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { #stacks_in_9794 .small-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_9794 .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_9794 .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_9794 .small-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_9794 .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_9794 .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_9794 .small-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_9794 .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_9794 .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_9794 .small-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_9794 .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_9794 .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_9794 .small-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_9794 .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_9794 .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_9794 .small-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_9794 .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_9794 .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_9794 .small-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_9794 .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_9794 .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_9794 .small-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_9794 .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_9794 .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_9794 .small-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_9794 .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_9794 .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_9794 .small-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_9794 .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_9794 .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_9794 .small-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_9794 .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_9794 .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_9794 .small-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_9794 .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_9794 .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { #stacks_in_9794 .medium-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_9794 .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_9794 .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_9794 .medium-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_9794 .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_9794 .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_9794 .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_9794 .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_9794 .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_9794 .medium-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_9794 .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_9794 .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_9794 .medium-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_9794 .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_9794 .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_9794 .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_9794 .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_9794 .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_9794 .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_9794 .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_9794 .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_9794 .medium-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_9794 .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_9794 .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_9794 .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_9794 .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_9794 .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_9794 .medium-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_9794 .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_9794 .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_9794 .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_9794 .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_9794 .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_9794 .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_9794 .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_9794 .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { #stacks_in_9794 .large-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_9794 .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_9794 .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_9794 .large-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_9794 .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_9794 .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_9794 .large-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_9794 .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_9794 .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_9794 .large-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_9794 .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_9794 .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_9794 .large-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_9794 .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_9794 .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_9794 .large-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_9794 .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_9794 .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_9794 .large-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_9794 .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_9794 .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_9794 .large-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_9794 .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_9794 .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_9794 .large-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_9794 .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_9794 .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_9794 .large-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_9794 .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_9794 .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_9794 .large-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_9794 .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_9794 .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_9794 .large-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_9794 .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_9794 .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } #stacks_in_9794 { background-color: rgba(204, 204, 204, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; margin: 0px 0px 10px 0px; padding: 0px 5px 0px 5px; } #stacks_in_9795 h3,#stacks_in_9795 h3 a,#stacks_in_9795 p,#stacks_in_9795 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_9795 h3,#stacks_in_9795 h3 a,#stacks_in_9795 p,#stacks_in_9795 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_9795 h3,#stacks_in_9795 h3 a,#stacks_in_9795 p,#stacks_in_9795 p a{ font-size:12px; } } #stacks_in_9795 h3,#stacks_in_9795 h3 a,#stacks_in_9795 p,#stacks_in_9795 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_9795 p a:hover, #stacks_in_9795 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_9795 { margin: 10px 10px 10px 20px; padding: 0px 5px 0px 5px; } #stacks_out_9795 { margin-right:0; } #stacks_in_9796 { font-size: 99%; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_9798, #stacks_in_9798 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_9798 { padding: 20px 0px !important; } #press_alignment_stacks_in_9798 { width: 100%; } #press_alignment_stacks_in_9798.press-left { text-align: left; } #press_alignment_stacks_in_9798.press-center { text-align: center; } #press_alignment_stacks_in_9798.press-right { text-align: right; } #stacks_in_9798 { transition: all 200ms ease; /* */ /* */ /* */ background: #4DCB61; background: -webkit-gradient(linear, left top, left bottom, from(to bottom), color-stop(#4DCB61), to(#16AB54)); background: linear-gradient(to bottom, #4DCB61, #16AB54); /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 10px 15px 10px 15px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_9798:hover { /* */ /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_9798:hover .press-icon i { /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_9798:active { /* */ /* */ /* */ /* */ } #stacks_in_9798:active .press-icon i { /* */ } #stacks_in_9798 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 10px 15px 10px 15px; border-radius: 0px 0px 0px 0px; /* */ /* */ /* */ background: #52A37C; background: -webkit-gradient(linear, left top, left bottom, from(to right), color-stop(#52A37C), to(#0D6634)); background: linear-gradient(to right, #52A37C, #0D6634); /* */ /* */ /* */ /* */ margin-right: 0px; /* */ /* */ /* */ } #stacks_in_9798 .press-icon i { font-size: 20px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_9798 .press-text { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; padding: 5px 10px 5px 10px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 16px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_9798 .press-text .out { margin: 0 !important; } #stacks_in_9798 { font-size: 12px; line-height: 16px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } /* -- Start Anchor Each css Template -- */ .stacks_in_9448anchorStack{ height: 0px !important; padding: 0 !important; margin: 0 !important; } .stacks_in_9448editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_9448editInfo i{ vertical-align: middle; } .stacks_in_9448editInfo:before{ content:"#da20"; float: right; } .stacks_in_9448editInfo:after{ content:""; display: table; clear: both; } .stacks_in_9448topOffset{ position: relative; height: 70; background: #ecf0f1; border: 1px solid #bdc3c7; border-top-right-radius: 2px; border-top-left-radius: 2px; margin-bottom: -2px; } .stacks_in_9448topOffset:after{ content: "Top Offset"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #7f8c8d; } /* -- End Anchor Each css Template -- *//* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_9454, #stacks_in_9454 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_9454 { padding: 20px 0px !important; } #press_alignment_stacks_in_9454 { width: 100%; } #press_alignment_stacks_in_9454.press-left { text-align: left; } #press_alignment_stacks_in_9454.press-center { text-align: center; } #press_alignment_stacks_in_9454.press-right { text-align: right; } #stacks_in_9454 { transition: all 200ms ease; /* */ background: none; /* */ /* */ /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 0px 0px 0px 0px; padding: 0px 12px 0px 12px; border-radius: 0px 0px 0px 0px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_9454:hover { /* */ /* */ /* */ /* */ } #stacks_in_9454:hover .press-icon i { /* */ color: rgba(253, 155, 16, 1.00); /* */ } #stacks_in_9454:active { /* */ /* */ /* */ /* */ } #stacks_in_9454:active .press-icon i { /* */ } #stacks_in_9454 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; /* */ background: none; /* */ /* */ /* */ /* */ /* */ width: 60px; height: 60px; /* */ } #stacks_in_9454 .press-icon i { font-size: 60px; color: rgba(0, 0, 0, 1.00); vertical-align: middle; } #stacks_in_9454 .press-text { /* */ /* */ font-family: "Nunito"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; padding: 0px 0px 0px 0px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 22px; /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ /* */ } #stacks_in_9454 .press-text .out { margin: 0 !important; } #stacks_in_9454 { font-size: 16px; line-height: 22px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } /* -- Start Anchor Each css Template -- */ .stacks_in_9449editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_9449editInfo i{ vertical-align: middle; } .stacks_in_9449editInfo:before{ content:"#da9"; float: right; } .stacks_in_9449editInfo:after{ content:""; display: table; clear: both; } .stacks_in_9449topOffset{ position: relative; height: 50; background: #ecf0f1; border: 1px solid #bdc3c7; border-top-right-radius: 2px; border-top-left-radius: 2px; margin-bottom: -2px; } .stacks_in_9449topOffset:after{ content: "Top Offset"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #7f8c8d; } /* -- End Anchor Each css Template -- */@font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_in_9451_press.press-lite { box-sizing: border-box; position: relative; /* */ cursor: pointer; /* */ padding: 12px 24px; border-radius: 4px; text-decoration: none; display: inline-block; margin: 0; font-size: 16px; line-height: 16px; /* */ /* */ background-color: rgba(253, 174, 31, 1.00); /* */ /* */ /* */ /* */ /* */ font-family: ; /* */ border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.15); } #stacks_in_9451_press.press-lite:focus {outline:0;} #stacks_in_9451_press_wrap { /* */ display: inline-block; /* */ /* */ /* */ margin: 12px 0px 12px 0px; } #stacks_in_9451_press.press-lite { white-space: nowrap; } #stacks_in_9451_press.press-lite .press-lite-text span, #stacks_in_9451_press.press-lite .press-lite-text:after { overflow: hidden; color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_9451_press.press-lite, #stacks_in_9451_press.press-lite .press-lite-text, #stacks_in_9451_press.press-lite .press-lite-text:after, #stacks_in_9451_press.press-lite .press-lite-text > span, #stacks_in_9451_press.press-lite .press-lite-icon i, #stacks_in_9451_press.press-lite .press-lite-icon img, #stacks_in_9451_press.press-lite .press-lite-icon svg, #stacks_in_9451_press.press-lite .press-lite-icon svg path, #stacks_in_9451_press.press-lite .press-lite-icon svg polyline, #stacks_in_9451_press.press-lite .press-lite-icon:after { transition: all 200ms ease; } #stacks_in_9451_press.press-lite .press-lite-text { z-index: 1; position: relative; } #stacks_in_9451_press.press-lite .press-lite-icon i, #stacks_in_9451_press.press-lite .press-lite-icon img { position: relative; color: rgba(51, 51, 51, 1.00); display: inline-block; /* */ margin-right: 8px; /* */ font-size: 16px; line-height: 16px; z-index: 1; } #stacks_in_9451_press.press-lite .press-lite-icon img { height: 16px; width: auto; vertical-align: top; } #stacks_in_9451_press.press-lite .press-lite-icon svg { display: inline-block; /* */ margin-right: 8px; /* */ height: 20.000000px; z-index: 1; } /* */ #stacks_in_9451_press.press-lite .press-lite-icon.press-lite-icon-off svg { transform: translateX(5%); } #stacks_in_9451_press.press-lite .press-lite-icon svg path { fill: rgba(51, 51, 51, 1.00); } #stacks_in_9451_press.press-lite .press-lite-icon svg polyline { fill:none; stroke: rgba(51, 51, 51, 1.00); stroke-linecap:round; stroke-linejoin:round; stroke-width:48px; } #stacks_in_9451_press.press-lite:active, #stacks_in_9451_press.press-lite:focus { transform: translate(0,0); } /* */ /* */ #stacks_in_9451_press.press-lite:hover { background: rgba(235, 235, 235, 0.50); } /* */ /* */ /* */ #stacks_in_9451_press.press-lite { padding: 0; } #stacks_in_9451_press.press-lite .press-lite-text { position: relative; z-index: 1; display: inline-block; padding: 12px 24px 12px 13px; } #stacks_in_9451_press.press-lite .press-lite-icon i, #stacks_in_9451_press.press-lite .press-lite-icon img, #stacks_in_9451_press.press-lite .press-lite-icon svg { margin: 0; } #stacks_in_9451_press.press-lite .press-lite-icon { padding: 0px; display: grid; float:left; align-content: center; justify-content: center; width: 40px; height: 40px; text-align: center; } #stacks_in_9451_press.press-lite .press-lite-icon:after { content: ""; color: transparent; position: absolute; top: -1px; left: -1px; bottom: -1px; background: rgba(0, 0, 0, 0.00); border-radius: 4px 0px 0px 4px; width: 40px; height: 42px; } /* */ /* */ /* */ /* */ /* */ /* */ #stacks_in_9451_press.press-lite:active { box-shadow: inset 0px 0px 0px 300px rgba(0,0,0,0.1); } /* */ #stacks_in_9451_press.press-lite .press-lite-lines { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; display: grid; } #stacks_in_9451_press.press-lite .press-lite-line-t, #stacks_in_9451_press.press-lite .press-lite-line-b { position: absolute; height: 1px; width: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_9451_press.press-lite .press-lite-line-l, #stacks_in_9451_press.press-lite .press-lite-line-r { position: absolute; width: 1px; height: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_9451_press.press-lite .press-lite-line-t { top: 0; } #stacks_in_9451_press.press-lite .press-lite-line-b { bottom: 0; width: 100%; } #stacks_in_9451_press.press-lite .press-lite-line-l { left: 0; } #stacks_in_9451_press.press-lite .press-lite-line-r { right: 0; } /* */ /* */ /* */ /* */ #stacks_in_9450 h3,#stacks_in_9450 h3 a,#stacks_in_9450 p,#stacks_in_9450 p a{ font-size:16px; line-height:1.25em; margin:0; } #stacks_in_9450 h3,#stacks_in_9450 h3 a,#stacks_in_9450 p,#stacks_in_9450 p a{ color:rgba(255, 255, 255, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_9450 p a:hover, #stacks_in_9450 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_9450 { background-color: rgba(2, 31, 57, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; padding: 20px; } #stacks_in_9372 { background-color: rgba(251, 254, 254, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; padding: 10px; } /* -- Start Swell Each css Template -- */ #stacks_in_9373{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_9373swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_9373swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_9373swell{ max-width: 800px; } .stacks_in_9373swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_9373swell-with-zoom .mfp-container,.stacks_in_9373swell-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 198.000015ms ease-out; -moz-transition: all 198.000015ms ease-out; -o-transition: all 198.000015ms ease-out; transition: all 198.000015ms ease-out; } .stacks_in_9373swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_9373swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_9373swell-with-zoom.mfp-removing .mfp-container,.stacks_in_9373swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_9373 .swellzoomeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_9373 .swellshrinkeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_9373 .swellcircleeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #stacks_in_9373 .swellthreedeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media all and (min-width: 480px) { #stacks_in_9373 .swellzoomeffect img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } #stacks_in_9373 .swellshrinkeffect img:hover{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9); } #stacks_in_9373 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_9373 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_9373 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_9373 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_9373 .swellthreedeffect:hover{ box-shadow: 1px 1px rgba(242, 88, 95, 1.00), 2px 2px rgba(242, 88, 95, 1.00), 3px 3px rgba(242, 88, 95, 1.00); -webkit-transform: translateX(-3px); transform: translateX(-3px); } } /* -- End Swell Each css Template -- */ #stacks_out_9373 { width: 90%; } #stacks_in_9385 hr{border:0;height:0;width:100%;margin:0;padding:0}#stacks_in_9385 hr.gradient{height:1px;background:#333;background-image:-webkit-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:-moz-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:-ms-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:-o-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:linear-gradient(left,#CCCCCC,#333333,#CCCCCC)}#stacks_in_9385 hr.faded{height:1px;background-image:-webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0))}#stacks_in_9385 hr.dashed_fade{border-bottom:1px dashed #7E7E7E;background:#333333}#stacks_in_9385 hr.dotted_fade{border-bottom:1px dotted #7E7E7E;background:#333333}#stacks_in_9385 hr.dashed{border-bottom:1px dashed #333333}#stacks_in_9385 hr.dotted{border-bottom:1px dotted #7E7E7E}#stacks_in_9385 hr.shadow{height:1px;box-shadow:inset 0 1px 1px -1px rgba(0,0,0,0.5)}#stacks_in_9385 hr.cloudy{margin:1px 0;box-shadow:0 0 1px 1px #333333}#stacks_in_9385 hr.cloudy:after{content:"\00a0"}#stacks_in_9385 hr.inset{border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(255,255,255,0.3)}#stacks_in_9385 hr.inset_two{border-top:1px solid #CCCCCC;border-bottom:1px solid #333333}#stacks_in_9385 hr.inset_three{border-top:1px solid #333333;border-bottom:1px solid #CCCCCC}#stacks_in_9385 hr.inset_four{border-top:1px solid #333333;border-bottom:1px solid #CCCCCC}#stacks_in_9385 hr.flared{height:30px;border-style:solid;border-color:#333333;border-width:1px 0 0 0;border-radius:20px;margin-top:12px}#stacks_in_9385 hr.flared:before{display:block;content:"";height:30px;margin-top:-31px;border-style:solid;border-color:#333333;border-width:0 0 1px 0;border-radius:20px}#stacks_in_9385 hr.glyph{padding:0;border:0;border-top:1px double #333333;color:#333333;text-align:center;margin:1em 0}#stacks_in_9385 hr.glyph:after{content:"§";display:inline-block;position:relative;top:-0.00em;font-size:1.5em;padding:0 .25em;background:#FFFFFF} #stacks_in_9387>.s3_row { margin: 0 -0px; } #stacks_in_9387>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_9387>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_9387>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { #stacks_in_9387>.s3_row { margin: -0px 0; } #stacks_in_9387>.s3_row>.s3_column { padding: 0px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_9387>.s3_row { margin: -0px 0; } #stacks_in_9387>.s3_row>.s3_column { padding: 0px 0; width:100%; } } #stacks_in_9391 h3,#stacks_in_9391 h3 a,#stacks_in_9391 p,#stacks_in_9391 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_9391 h3,#stacks_in_9391 h3 a,#stacks_in_9391 p,#stacks_in_9391 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_9391 h3,#stacks_in_9391 h3 a,#stacks_in_9391 p,#stacks_in_9391 p a{ font-size:12px; } } #stacks_in_9391 h3,#stacks_in_9391 h3 a,#stacks_in_9391 p,#stacks_in_9391 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_9391 p a:hover, #stacks_in_9391 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_9391 { margin: 10px; } #stacks_out_9391 { margin-right:0; } #stacks_in_9392 { font-size: 99%; } #stacks_in_9388 h3,#stacks_in_9388 h3 a,#stacks_in_9388 p,#stacks_in_9388 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_9388 h3,#stacks_in_9388 h3 a,#stacks_in_9388 p,#stacks_in_9388 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_9388 h3,#stacks_in_9388 h3 a,#stacks_in_9388 p,#stacks_in_9388 p a{ font-size:12px; } } #stacks_in_9388 h3,#stacks_in_9388 h3 a,#stacks_in_9388 p,#stacks_in_9388 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_9388 p a:hover, #stacks_in_9388 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_9388 { margin: 10px; } #stacks_out_9388 { margin-right:0; } #stacks_in_9389 { font-size: 99%; } #stacks_in_9395 h3,#stacks_in_9395 h3 a,#stacks_in_9395 p,#stacks_in_9395 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_9395 h3,#stacks_in_9395 h3 a,#stacks_in_9395 p,#stacks_in_9395 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_9395 h3,#stacks_in_9395 h3 a,#stacks_in_9395 p,#stacks_in_9395 p a{ font-size:12px; } } #stacks_in_9395 h3,#stacks_in_9395 h3 a,#stacks_in_9395 p,#stacks_in_9395 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_9395 p a:hover, #stacks_in_9395 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_9395 { margin: 10px; } #stacks_out_9395 { margin-right:0; } #stacks_in_9396 { font-size: 99%; } /* -- Start Anchor Each css Template -- */ .stacks_in_5635anchorStack{ height: 0px !important; padding: 0 !important; margin: 0 !important; } .stacks_in_5635editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_5635editInfo i{ vertical-align: middle; } .stacks_in_5635editInfo:before{ content:"#da3"; float: right; } .stacks_in_5635editInfo:after{ content:""; display: table; clear: both; } .stacks_in_5635topOffset{ position: relative; height: 70; background: #ecf0f1; border: 1px solid #bdc3c7; border-top-right-radius: 2px; border-top-left-radius: 2px; margin-bottom: -2px; } .stacks_in_5635topOffset:after{ content: "Top Offset"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #7f8c8d; } /* -- End Anchor Each css Template -- *//* -- Start Anchor Each css Template -- */ .stacks_in_7516editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_7516editInfo i{ vertical-align: middle; } .stacks_in_7516editInfo:before{ content:"#da9"; float: right; } .stacks_in_7516editInfo:after{ content:""; display: table; clear: both; } .stacks_in_7516topOffset{ position: relative; height: 50; background: #ecf0f1; border: 1px solid #bdc3c7; border-top-right-radius: 2px; border-top-left-radius: 2px; margin-bottom: -2px; } .stacks_in_7516topOffset:after{ content: "Top Offset"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #7f8c8d; } /* -- End Anchor Each css Template -- */@font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_in_7517_press.press-lite { box-sizing: border-box; position: relative; /* */ cursor: pointer; /* */ padding: 12px 24px; border-radius: 4px; text-decoration: none; display: inline-block; margin: 0; font-size: 16px; line-height: 16px; /* */ /* */ background-color: rgba(253, 174, 31, 1.00); /* */ /* */ /* */ /* */ /* */ font-family: ; /* */ border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.15); } #stacks_in_7517_press.press-lite:focus {outline:0;} #stacks_in_7517_press_wrap { /* */ display: inline-block; /* */ /* */ /* */ margin: 12px 0px 12px 0px; } #stacks_in_7517_press.press-lite { white-space: nowrap; } #stacks_in_7517_press.press-lite .press-lite-text span, #stacks_in_7517_press.press-lite .press-lite-text:after { overflow: hidden; color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_7517_press.press-lite, #stacks_in_7517_press.press-lite .press-lite-text, #stacks_in_7517_press.press-lite .press-lite-text:after, #stacks_in_7517_press.press-lite .press-lite-text > span, #stacks_in_7517_press.press-lite .press-lite-icon i, #stacks_in_7517_press.press-lite .press-lite-icon img, #stacks_in_7517_press.press-lite .press-lite-icon svg, #stacks_in_7517_press.press-lite .press-lite-icon svg path, #stacks_in_7517_press.press-lite .press-lite-icon svg polyline, #stacks_in_7517_press.press-lite .press-lite-icon:after { transition: all 200ms ease; } #stacks_in_7517_press.press-lite .press-lite-text { z-index: 1; position: relative; } #stacks_in_7517_press.press-lite .press-lite-icon i, #stacks_in_7517_press.press-lite .press-lite-icon img { position: relative; color: rgba(51, 51, 51, 1.00); display: inline-block; /* */ margin-right: 8px; /* */ font-size: 16px; line-height: 16px; z-index: 1; } #stacks_in_7517_press.press-lite .press-lite-icon img { height: 16px; width: auto; vertical-align: top; } #stacks_in_7517_press.press-lite .press-lite-icon svg { display: inline-block; /* */ margin-right: 8px; /* */ height: 20.000000px; z-index: 1; } /* */ #stacks_in_7517_press.press-lite .press-lite-icon.press-lite-icon-off svg { transform: translateX(5%); } #stacks_in_7517_press.press-lite .press-lite-icon svg path { fill: rgba(51, 51, 51, 1.00); } #stacks_in_7517_press.press-lite .press-lite-icon svg polyline { fill:none; stroke: rgba(51, 51, 51, 1.00); stroke-linecap:round; stroke-linejoin:round; stroke-width:48px; } #stacks_in_7517_press.press-lite:active, #stacks_in_7517_press.press-lite:focus { transform: translate(0,0); } /* */ /* */ #stacks_in_7517_press.press-lite:hover { background: rgba(235, 235, 235, 0.50); } /* */ /* */ /* */ #stacks_in_7517_press.press-lite { padding: 0; } #stacks_in_7517_press.press-lite .press-lite-text { position: relative; z-index: 1; display: inline-block; padding: 12px 24px 12px 13px; } #stacks_in_7517_press.press-lite .press-lite-icon i, #stacks_in_7517_press.press-lite .press-lite-icon img, #stacks_in_7517_press.press-lite .press-lite-icon svg { margin: 0; } #stacks_in_7517_press.press-lite .press-lite-icon { padding: 0px; display: grid; float:left; align-content: center; justify-content: center; width: 40px; height: 40px; text-align: center; } #stacks_in_7517_press.press-lite .press-lite-icon:after { content: ""; color: transparent; position: absolute; top: -1px; left: -1px; bottom: -1px; background: rgba(0, 0, 0, 0.00); border-radius: 4px 0px 0px 4px; width: 40px; height: 42px; } /* */ /* */ /* */ /* */ /* */ /* */ #stacks_in_7517_press.press-lite:active { box-shadow: inset 0px 0px 0px 300px rgba(0,0,0,0.1); } /* */ #stacks_in_7517_press.press-lite .press-lite-lines { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; display: grid; } #stacks_in_7517_press.press-lite .press-lite-line-t, #stacks_in_7517_press.press-lite .press-lite-line-b { position: absolute; height: 1px; width: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_7517_press.press-lite .press-lite-line-l, #stacks_in_7517_press.press-lite .press-lite-line-r { position: absolute; width: 1px; height: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_7517_press.press-lite .press-lite-line-t { top: 0; } #stacks_in_7517_press.press-lite .press-lite-line-b { bottom: 0; width: 100%; } #stacks_in_7517_press.press-lite .press-lite-line-l { left: 0; } #stacks_in_7517_press.press-lite .press-lite-line-r { right: 0; } /* */ /* */ /* */ /* */ #stacks_in_6229 h3,#stacks_in_6229 h3 a,#stacks_in_6229 p,#stacks_in_6229 p a{ font-size:16px; line-height:1.25em; margin:0; } #stacks_in_6229 h3,#stacks_in_6229 h3 a,#stacks_in_6229 p,#stacks_in_6229 p a{ color:rgba(255, 255, 255, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_6229 p a:hover, #stacks_in_6229 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_6229 { background-color: rgba(2, 31, 57, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; padding: 20px; } #stacks_in_6231 { background-color: rgba(253, 255, 255, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; padding: 10px; } /* -- Start Swell Each css Template -- */ #stacks_in_4623{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_4623swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_4623swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_4623swell{ max-width: 800px; } .stacks_in_4623swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_4623swell-with-zoom .mfp-container,.stacks_in_4623swell-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 198.000015ms ease-out; -moz-transition: all 198.000015ms ease-out; -o-transition: all 198.000015ms ease-out; transition: all 198.000015ms ease-out; } .stacks_in_4623swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_4623swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_4623swell-with-zoom.mfp-removing .mfp-container,.stacks_in_4623swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_4623 .swellzoomeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_4623 .swellshrinkeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_4623 .swellcircleeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #stacks_in_4623 .swellthreedeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media all and (min-width: 480px) { #stacks_in_4623 .swellzoomeffect img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } #stacks_in_4623 .swellshrinkeffect img:hover{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9); } #stacks_in_4623 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_4623 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_4623 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_4623 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_4623 .swellthreedeffect:hover{ box-shadow: 1px 1px rgba(242, 88, 95, 1.00), 2px 2px rgba(242, 88, 95, 1.00), 3px 3px rgba(242, 88, 95, 1.00); -webkit-transform: translateX(-3px); transform: translateX(-3px); } } /* -- End Swell Each css Template -- */ #stacks_out_4623 { width: 90%; } #stacks_in_5808 hr{border:0;height:0;width:100%;margin:0;padding:0}#stacks_in_5808 hr.gradient{height:1px;background:#333;background-image:-webkit-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:-moz-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:-ms-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:-o-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:linear-gradient(left,#CCCCCC,#333333,#CCCCCC)}#stacks_in_5808 hr.faded{height:1px;background-image:-webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0))}#stacks_in_5808 hr.dashed_fade{border-bottom:1px dashed #7E7E7E;background:#333333}#stacks_in_5808 hr.dotted_fade{border-bottom:1px dotted #7E7E7E;background:#333333}#stacks_in_5808 hr.dashed{border-bottom:1px dashed #333333}#stacks_in_5808 hr.dotted{border-bottom:1px dotted #7E7E7E}#stacks_in_5808 hr.shadow{height:1px;box-shadow:inset 0 1px 1px -1px rgba(0,0,0,0.5)}#stacks_in_5808 hr.cloudy{margin:1px 0;box-shadow:0 0 1px 1px #333333}#stacks_in_5808 hr.cloudy:after{content:"\00a0"}#stacks_in_5808 hr.inset{border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(255,255,255,0.3)}#stacks_in_5808 hr.inset_two{border-top:1px solid #CCCCCC;border-bottom:1px solid #333333}#stacks_in_5808 hr.inset_three{border-top:1px solid #333333;border-bottom:1px solid #CCCCCC}#stacks_in_5808 hr.inset_four{border-top:1px solid #333333;border-bottom:1px solid #CCCCCC}#stacks_in_5808 hr.flared{height:30px;border-style:solid;border-color:#333333;border-width:1px 0 0 0;border-radius:20px;margin-top:12px}#stacks_in_5808 hr.flared:before{display:block;content:"";height:30px;margin-top:-31px;border-style:solid;border-color:#333333;border-width:0 0 1px 0;border-radius:20px}#stacks_in_5808 hr.glyph{padding:0;border:0;border-top:1px double #333333;color:#333333;text-align:center;margin:1em 0}#stacks_in_5808 hr.glyph:after{content:"§";display:inline-block;position:relative;top:-0.00em;font-size:1.5em;padding:0 .25em;background:#FFFFFF} #stacks_in_5808 { margin: 11px; } #stacks_in_5805>.s3_row { margin: 0 -10px; } #stacks_in_5805>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_5805>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_5805>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_5805>.s3_row { margin: -10px 0; } #stacks_in_5805>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_5805>.s3_row { margin: -10px 0; } #stacks_in_5805>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_4654 h3,#stacks_in_4654 h3 a,#stacks_in_4654 p,#stacks_in_4654 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_4654 h3,#stacks_in_4654 h3 a,#stacks_in_4654 p,#stacks_in_4654 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_4654 h3,#stacks_in_4654 h3 a,#stacks_in_4654 p,#stacks_in_4654 p a{ font-size:12px; } } #stacks_in_4654 h3,#stacks_in_4654 h3 a,#stacks_in_4654 p,#stacks_in_4654 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_4654 p a:hover, #stacks_in_4654 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_4654 { margin: 10px; } #stacks_out_4654 { margin-right:0; } #stacks_in_4655 { font-size: 99%; } #stacks_in_4660 h3,#stacks_in_4660 h3 a,#stacks_in_4660 p,#stacks_in_4660 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_4660 h3,#stacks_in_4660 h3 a,#stacks_in_4660 p,#stacks_in_4660 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_4660 h3,#stacks_in_4660 h3 a,#stacks_in_4660 p,#stacks_in_4660 p a{ font-size:12px; } } #stacks_in_4660 h3,#stacks_in_4660 h3 a,#stacks_in_4660 p,#stacks_in_4660 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_4660 p a:hover, #stacks_in_4660 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_4660 { margin: 10px; } #stacks_out_4660 { margin-right:0; } #stacks_in_4661 { font-size: 99%; } #stacks_in_6017 h3,#stacks_in_6017 h3 a,#stacks_in_6017 p,#stacks_in_6017 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_6017 h3,#stacks_in_6017 h3 a,#stacks_in_6017 p,#stacks_in_6017 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_6017 h3,#stacks_in_6017 h3 a,#stacks_in_6017 p,#stacks_in_6017 p a{ font-size:12px; } } #stacks_in_6017 h3,#stacks_in_6017 h3 a,#stacks_in_6017 p,#stacks_in_6017 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_6017 p a:hover, #stacks_in_6017 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_6017 { margin: 10px; } #stacks_out_6017 { margin-right:0; } #stacks_in_6018 { font-size: 99%; } #stacks_in_5875 h3,#stacks_in_5875 h3 a,#stacks_in_5875 p,#stacks_in_5875 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_5875 h3,#stacks_in_5875 h3 a,#stacks_in_5875 p,#stacks_in_5875 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_5875 h3,#stacks_in_5875 h3 a,#stacks_in_5875 p,#stacks_in_5875 p a{ font-size:12px; } } #stacks_in_5875 h3,#stacks_in_5875 h3 a,#stacks_in_5875 p,#stacks_in_5875 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_5875 p a:hover, #stacks_in_5875 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_5875 { margin: 10px; } #stacks_out_5875 { margin-right:0; } #stacks_in_5876 { font-size: 99%; } /* ********* */ /* Normalize */ /* ********* */ /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ #stacks_in_6932 article, #stacks_in_6932 aside, #stacks_in_6932 details, #stacks_in_6932 figcaption, #stacks_in_6932 figure, #stacks_in_6932 footer, #stacks_in_6932 header, #stacks_in_6932 hgroup, #stacks_in_6932 main, #stacks_in_6932 nav, #stacks_in_6932 section, #stacks_in_6932 summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ #stacks_in_6932 audio, #stacks_in_6932 canvas, #stacks_in_6932 progress, #stacks_in_6932 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ #stacks_in_6932 audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ #stacks_in_6932 [hidden], #stacks_in_6932 template { display: none; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ #stacks_in_6932 img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ #stacks_in_6932 svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address differences between Firefox and other browsers. */ #stacks_in_6932 hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ #stacks_in_6932 pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ #stacks_in_6932 code, #stacks_in_6932 kbd, #stacks_in_6932 pre, #stacks_in_6932 samp { font-family: monospace, monospace; font-size: 1em; } /* **************** */ /* Stack Specific */ /* **************** */ #stacks_in_6932 *, #stacks_in_6932 *:before, #stacks_in_6932 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_6932 .wow { visibility: hidden; } /* We use this media query to add styles to any device that supports media queries */ @media only screen { #stacks_in_6932 .column_base_margin { margin-bottom: 0px; } } @media only screen and (max-width: 1024px) { #stacks_in_6932 .column_base_margin { margin-bottom: 40px; } } /* Used to alter styles for screens at least 768px wide. */ @media only screen and (max-width: 768px) { #stacks_in_6932 .column_base_margin { margin-bottom: 40px; } } /* Used to alter styles for screens at least 480px wide. */ @media only screen and (max-width: 640px) { #stacks_in_6932 .column_base_margin { margin-bottom: 20px; } } /* Handles making images responsive inside the stack */ #stacks_in_6932 img { max-width: 100%; height: auto; } /* **************** */ /* Foundation START */ /* **************** */ /* Copyright (c) 2013-2014 ZURB, inc. MIT License 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. */ #stacks_in_6932 meta.foundation-version { font-family: "/5.3.1/"; } #stacks_in_6932 meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } #stacks_in_6932 meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } #stacks_in_6932 meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } #stacks_in_6932 meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } #stacks_in_6932 meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } #stacks_in_6932 meta.foundation-data-attribute-namespace { font-family: false; } #stacks_in_6932 *, #stacks_in_6932 *:before, #stacks_in_6932 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_6932 .left { float: left !important; } #stacks_in_6932 .right { float: right !important; } #stacks_in_6932 .clearfix:before, #stacks_in_6932 .clearfix:after { content: " "; display: table; } #stacks_in_6932 .clearfix:after { clear: both; } #stacks_in_6932 .hide { display: none; } #stacks_in_6932 .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_6932 img { display: inline-block; vertical-align: middle; } #stacks_in_6932 textarea { height: auto; min-height: 50px; } #stacks_in_6932 select { width: 100%; } #stacks_in_6932 .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } #stacks_in_6932 .row:before, #stacks_in_6932 .row:after { content: " "; display: table; } #stacks_in_6932 .row:after { clear: both; } #stacks_in_6932 .row.collapse > .column, #stacks_in_6932 .row.collapse > .columns { padding-left: 0; padding-right: 0; } #stacks_in_6932 .row.collapse .row { margin-left: 0; margin-right: 0; } #stacks_in_6932 .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; } #stacks_in_6932 .row .row:before, #stacks_in_6932 .row .row:after { content: " "; display: table; } #stacks_in_6932 .row .row:after { clear: both; } #stacks_in_6932 .row .row.collapse { width: auto; margin: 0; max-width: none; } #stacks_in_6932 .row .row.collapse:before, #stacks_in_6932 .row .row.collapse:after { content: " "; display: table; } #stacks_in_6932 .row .row.collapse:after { clear: both; } #stacks_in_6932 .column, #stacks_in_6932 .columns { padding-left: 0.9375em; padding-right: 0.9375em; margin-right: 0; /* Fixes comaptiblity with some themes using skeleton.css */ margin-left: 0; /* Fixes comaptiblity with some themes using skeleton.css */ width: 100%; float: left; } #stacks_in_6932 [class*="column"] + [class*="column"]:last-child { float: right; } #stacks_in_6932 [class*="column"] + [class*="column"].end { float: left; } @media only screen { #stacks_in_6932 .small-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6932 .small-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6932 .small-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6932 .small-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6932 .small-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6932 .small-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6932 .small-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6932 .small-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6932 .small-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6932 .small-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6932 .small-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6932 .small-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6932 .small-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6932 .small-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6932 .small-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6932 .small-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6932 .small-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6932 .small-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6932 .small-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6932 .small-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6932 .small-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6932 .small-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6932 .small-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6932 .small-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_6932 .column, #stacks_in_6932 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_6932 .small-1 { width: 8.33333%; } #stacks_in_6932 .small-2 { width: 16.66667%; } #stacks_in_6932 .small-3 { width: 25%; } #stacks_in_6932 .small-4 { width: 33.33333%; } #stacks_in_6932 .small-5 { width: 41.66667%; } #stacks_in_6932 .small-6 { width: 50%; } #stacks_in_6932 .small-7 { width: 58.33333%; } #stacks_in_6932 .small-8 { width: 66.66667%; } #stacks_in_6932 .small-9 { width: 75%; } #stacks_in_6932 .small-10 { width: 83.33333%; } #stacks_in_6932 .small-11 { width: 91.66667%; } #stacks_in_6932 .small-12 { width: 100%; } #stacks_in_6932 .small-offset-0 { margin-left: 0% !important; } #stacks_in_6932 .small-offset-1 { margin-left: 8.33333% !important; } #stacks_in_6932 .small-offset-2 { margin-left: 16.66667% !important; } #stacks_in_6932 .small-offset-3 { margin-left: 25% !important; } #stacks_in_6932 .small-offset-4 { margin-left: 33.33333% !important; } #stacks_in_6932 .small-offset-5 { margin-left: 41.66667% !important; } #stacks_in_6932 .small-offset-6 { margin-left: 50% !important; } #stacks_in_6932 .small-offset-7 { margin-left: 58.33333% !important; } #stacks_in_6932 .small-offset-8 { margin-left: 66.66667% !important; } #stacks_in_6932 .small-offset-9 { margin-left: 75% !important; } #stacks_in_6932 .small-offset-10 { margin-left: 83.33333% !important; } #stacks_in_6932 .small-offset-11 { margin-left: 91.66667% !important; } #stacks_in_6932 .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_6932 .column.small-centered, #stacks_in_6932 .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_6932 .column.small-uncentered, #stacks_in_6932 .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_6932 .column.small-centered:last-child, #stacks_in_6932 .columns.small-centered:last-child { float: none; } #stacks_in_6932 .column.small-uncentered:last-child, #stacks_in_6932 .columns.small-uncentered:last-child { float: left; } #stacks_in_6932 .column.small-uncentered.opposite, #stacks_in_6932 .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 40.063em) { #stacks_in_6932 .medium-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6932 .medium-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6932 .medium-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6932 .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6932 .medium-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6932 .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6932 .medium-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6932 .medium-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6932 .medium-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6932 .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6932 .medium-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6932 .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6932 .medium-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6932 .medium-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6932 .medium-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6932 .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6932 .medium-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6932 .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6932 .medium-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6932 .medium-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6932 .medium-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6932 .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6932 .medium-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6932 .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_6932 .column, #stacks_in_6932 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_6932 .medium-1 { width: 8.33333%; } #stacks_in_6932 .medium-2 { width: 16.66667%; } #stacks_in_6932 .medium-3 { width: 25%; } #stacks_in_6932 .medium-4 { width: 33.33333%; } #stacks_in_6932 .medium-5 { width: 41.66667%; } #stacks_in_6932 .medium-6 { width: 50%; } #stacks_in_6932 .medium-7 { width: 58.33333%; } #stacks_in_6932 .medium-8 { width: 66.66667%; } #stacks_in_6932 .medium-9 { width: 75%; } #stacks_in_6932 .medium-10 { width: 83.33333%; } #stacks_in_6932 .medium-11 { width: 91.66667%; } #stacks_in_6932 .medium-12 { width: 100%; } #stacks_in_6932 .medium-offset-0 { margin-left: 0% !important; } #stacks_in_6932 .medium-offset-1 { margin-left: 8.33333% !important; } #stacks_in_6932 .medium-offset-2 { margin-left: 16.66667% !important; } #stacks_in_6932 .medium-offset-3 { margin-left: 25% !important; } #stacks_in_6932 .medium-offset-4 { margin-left: 33.33333% !important; } #stacks_in_6932 .medium-offset-5 { margin-left: 41.66667% !important; } #stacks_in_6932 .medium-offset-6 { margin-left: 50% !important; } #stacks_in_6932 .medium-offset-7 { margin-left: 58.33333% !important; } #stacks_in_6932 .medium-offset-8 { margin-left: 66.66667% !important; } #stacks_in_6932 .medium-offset-9 { margin-left: 75% !important; } #stacks_in_6932 .medium-offset-10 { margin-left: 83.33333% !important; } #stacks_in_6932 .medium-offset-11 { margin-left: 91.66667% !important; } #stacks_in_6932 .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_6932 .column.medium-centered, #stacks_in_6932 .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_6932 .column.medium-uncentered, #stacks_in_6932 .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_6932 .column.medium-centered:last-child, #stacks_in_6932 .columns.medium-centered:last-child { float: none; } #stacks_in_6932 .column.medium-uncentered:last-child, #stacks_in_6932 .columns.medium-uncentered:last-child { float: left; } #stacks_in_6932 .column.medium-uncentered.opposite, #stacks_in_6932 .columns.medium-uncentered.opposite { float: right; } #stacks_in_6932 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6932 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6932 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6932 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6932 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6932 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6932 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6932 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6932 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6932 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6932 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6932 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6932 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6932 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6932 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6932 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6932 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6932 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6932 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6932 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6932 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6932 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6932 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6932 .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { #stacks_in_6932 .large-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6932 .large-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6932 .large-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6932 .large-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6932 .large-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6932 .large-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6932 .large-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6932 .large-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6932 .large-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6932 .large-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6932 .large-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6932 .large-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6932 .large-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6932 .large-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6932 .large-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6932 .large-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6932 .large-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6932 .large-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6932 .large-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6932 .large-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6932 .large-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6932 .large-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6932 .large-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6932 .large-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_6932 .column, #stacks_in_6932 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_6932 .large-1 { width: 8.33333%; } #stacks_in_6932 .large-2 { width: 16.66667%; } #stacks_in_6932 .large-3 { width: 25%; } #stacks_in_6932 .large-4 { width: 33.33333%; } #stacks_in_6932 .large-5 { width: 41.66667%; } #stacks_in_6932 .large-6 { width: 50%; } #stacks_in_6932 .large-7 { width: 58.33333%; } #stacks_in_6932 .large-8 { width: 66.66667%; } #stacks_in_6932 .large-9 { width: 75%; } #stacks_in_6932 .large-10 { width: 83.33333%; } #stacks_in_6932 .large-11 { width: 91.66667%; } #stacks_in_6932 .large-12 { width: 100%; } #stacks_in_6932 .large-offset-0 { margin-left: 0% !important; } #stacks_in_6932 .large-offset-1 { margin-left: 8.33333% !important; } #stacks_in_6932 .large-offset-2 { margin-left: 16.66667% !important; } #stacks_in_6932 .large-offset-3 { margin-left: 25% !important; } #stacks_in_6932 .large-offset-4 { margin-left: 33.33333% !important; } #stacks_in_6932 .large-offset-5 { margin-left: 41.66667% !important; } #stacks_in_6932 .large-offset-6 { margin-left: 50% !important; } #stacks_in_6932 .large-offset-7 { margin-left: 58.33333% !important; } #stacks_in_6932 .large-offset-8 { margin-left: 66.66667% !important; } #stacks_in_6932 .large-offset-9 { margin-left: 75% !important; } #stacks_in_6932 .large-offset-10 { margin-left: 83.33333% !important; } #stacks_in_6932 .large-offset-11 { margin-left: 91.66667% !important; } #stacks_in_6932 .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_6932 .column.large-centered, #stacks_in_6932 .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_6932 .column.large-uncentered, #stacks_in_6932 .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_6932 .column.large-centered:last-child, #stacks_in_6932 .columns.large-centered:last-child { float: none; } #stacks_in_6932 .column.large-uncentered:last-child, #stacks_in_6932 .columns.large-uncentered:last-child { float: left; } #stacks_in_6932 .column.large-uncentered.opposite, #stacks_in_6932 .columns.large-uncentered.opposite { float: right; } #stacks_in_6932 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6932 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6932 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6932 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6932 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6932 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6932 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6932 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6932 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6932 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6932 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6932 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6932 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6932 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6932 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6932 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6932 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6932 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6932 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6932 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6932 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6932 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6932 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6932 .pull-11 { position: relative; right: 91.66667%; left: auto; } } #stacks_in_6932 [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } #stacks_in_6932 [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } #stacks_in_6932 [class*="block-grid-"]:after { clear: both; } #stacks_in_6932 [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { #stacks_in_6932 .small-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_6932 .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_6932 .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_6932 .small-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_6932 .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_6932 .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_6932 .small-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_6932 .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_6932 .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_6932 .small-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_6932 .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_6932 .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_6932 .small-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_6932 .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_6932 .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_6932 .small-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_6932 .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_6932 .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_6932 .small-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_6932 .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_6932 .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_6932 .small-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_6932 .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_6932 .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_6932 .small-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_6932 .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_6932 .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_6932 .small-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_6932 .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_6932 .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_6932 .small-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_6932 .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_6932 .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_6932 .small-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_6932 .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_6932 .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { #stacks_in_6932 .medium-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_6932 .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_6932 .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_6932 .medium-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_6932 .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_6932 .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_6932 .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_6932 .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_6932 .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_6932 .medium-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_6932 .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_6932 .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_6932 .medium-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_6932 .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_6932 .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_6932 .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_6932 .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_6932 .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_6932 .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_6932 .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_6932 .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_6932 .medium-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_6932 .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_6932 .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_6932 .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_6932 .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_6932 .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_6932 .medium-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_6932 .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_6932 .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_6932 .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_6932 .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_6932 .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_6932 .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_6932 .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_6932 .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { #stacks_in_6932 .large-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_6932 .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_6932 .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_6932 .large-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_6932 .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_6932 .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_6932 .large-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_6932 .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_6932 .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_6932 .large-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_6932 .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_6932 .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_6932 .large-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_6932 .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_6932 .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_6932 .large-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_6932 .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_6932 .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_6932 .large-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_6932 .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_6932 .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_6932 .large-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_6932 .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_6932 .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_6932 .large-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_6932 .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_6932 .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_6932 .large-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_6932 .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_6932 .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_6932 .large-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_6932 .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_6932 .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_6932 .large-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_6932 .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_6932 .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } #stacks_in_6937 h3,#stacks_in_6937 h3 a,#stacks_in_6937 p,#stacks_in_6937 p a{ font-size:16px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_6937 h3,#stacks_in_6937 h3 a,#stacks_in_6937 p,#stacks_in_6937 p a{ font-size:15px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_6937 h3,#stacks_in_6937 h3 a,#stacks_in_6937 p,#stacks_in_6937 p a{ font-size:13px; } } #stacks_in_6937 h3,#stacks_in_6937 h3 a,#stacks_in_6937 p,#stacks_in_6937 p a{ color:rgba(255, 255, 255, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_6937 p a:hover, #stacks_in_6937 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_6937 { background-color: rgba(2, 31, 57, 1.00); margin: 10px 0px 10px 0px; padding: 10px; } #stacks_out_6937 { margin-right:0; } #stacks_in_6938 { font-size: 99%; } /* ********* */ /* Normalize */ /* ********* */ /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ #stacks_in_6655 article, #stacks_in_6655 aside, #stacks_in_6655 details, #stacks_in_6655 figcaption, #stacks_in_6655 figure, #stacks_in_6655 footer, #stacks_in_6655 header, #stacks_in_6655 hgroup, #stacks_in_6655 main, #stacks_in_6655 nav, #stacks_in_6655 section, #stacks_in_6655 summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ #stacks_in_6655 audio, #stacks_in_6655 canvas, #stacks_in_6655 progress, #stacks_in_6655 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ #stacks_in_6655 audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ #stacks_in_6655 [hidden], #stacks_in_6655 template { display: none; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ #stacks_in_6655 img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ #stacks_in_6655 svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address differences between Firefox and other browsers. */ #stacks_in_6655 hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ #stacks_in_6655 pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ #stacks_in_6655 code, #stacks_in_6655 kbd, #stacks_in_6655 pre, #stacks_in_6655 samp { font-family: monospace, monospace; font-size: 1em; } /* **************** */ /* Stack Specific */ /* **************** */ #stacks_in_6655 *, #stacks_in_6655 *:before, #stacks_in_6655 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_6655 .wow { visibility: hidden; } /* We use this media query to add styles to any device that supports media queries */ @media only screen { #stacks_in_6655 .column_base_margin { margin-bottom: 0px; } } @media only screen and (max-width: 1024px) { #stacks_in_6655 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 768px wide. */ @media only screen and (max-width: 768px) { #stacks_in_6655 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 480px wide. */ @media only screen and (max-width: 640px) { #stacks_in_6655 .column_base_margin { margin-bottom: 0px; } } /* Handles making images responsive inside the stack */ #stacks_in_6655 img { max-width: 100%; height: auto; } /* **************** */ /* Foundation START */ /* **************** */ /* Copyright (c) 2013-2014 ZURB, inc. MIT License 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. */ #stacks_in_6655 meta.foundation-version { font-family: "/5.3.1/"; } #stacks_in_6655 meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } #stacks_in_6655 meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } #stacks_in_6655 meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } #stacks_in_6655 meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } #stacks_in_6655 meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } #stacks_in_6655 meta.foundation-data-attribute-namespace { font-family: false; } #stacks_in_6655 *, #stacks_in_6655 *:before, #stacks_in_6655 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_6655 .left { float: left !important; } #stacks_in_6655 .right { float: right !important; } #stacks_in_6655 .clearfix:before, #stacks_in_6655 .clearfix:after { content: " "; display: table; } #stacks_in_6655 .clearfix:after { clear: both; } #stacks_in_6655 .hide { display: none; } #stacks_in_6655 .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_6655 img { display: inline-block; vertical-align: middle; } #stacks_in_6655 textarea { height: auto; min-height: 50px; } #stacks_in_6655 select { width: 100%; } #stacks_in_6655 .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } #stacks_in_6655 .row:before, #stacks_in_6655 .row:after { content: " "; display: table; } #stacks_in_6655 .row:after { clear: both; } #stacks_in_6655 .row.collapse > .column, #stacks_in_6655 .row.collapse > .columns { padding-left: 0; padding-right: 0; } #stacks_in_6655 .row.collapse .row { margin-left: 0; margin-right: 0; } #stacks_in_6655 .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; } #stacks_in_6655 .row .row:before, #stacks_in_6655 .row .row:after { content: " "; display: table; } #stacks_in_6655 .row .row:after { clear: both; } #stacks_in_6655 .row .row.collapse { width: auto; margin: 0; max-width: none; } #stacks_in_6655 .row .row.collapse:before, #stacks_in_6655 .row .row.collapse:after { content: " "; display: table; } #stacks_in_6655 .row .row.collapse:after { clear: both; } #stacks_in_6655 .column, #stacks_in_6655 .columns { padding-left: 0.9375em; padding-right: 0.9375em; margin-right: 0; /* Fixes comaptiblity with some themes using skeleton.css */ margin-left: 0; /* Fixes comaptiblity with some themes using skeleton.css */ width: 100%; float: left; } #stacks_in_6655 [class*="column"] + [class*="column"]:last-child { float: right; } #stacks_in_6655 [class*="column"] + [class*="column"].end { float: left; } @media only screen { #stacks_in_6655 .small-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6655 .small-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6655 .small-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6655 .small-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6655 .small-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6655 .small-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6655 .small-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6655 .small-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6655 .small-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6655 .small-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6655 .small-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6655 .small-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6655 .small-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6655 .small-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6655 .small-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6655 .small-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6655 .small-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6655 .small-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6655 .small-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6655 .small-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6655 .small-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6655 .small-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6655 .small-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6655 .small-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_6655 .column, #stacks_in_6655 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_6655 .small-1 { width: 8.33333%; } #stacks_in_6655 .small-2 { width: 16.66667%; } #stacks_in_6655 .small-3 { width: 25%; } #stacks_in_6655 .small-4 { width: 33.33333%; } #stacks_in_6655 .small-5 { width: 41.66667%; } #stacks_in_6655 .small-6 { width: 50%; } #stacks_in_6655 .small-7 { width: 58.33333%; } #stacks_in_6655 .small-8 { width: 66.66667%; } #stacks_in_6655 .small-9 { width: 75%; } #stacks_in_6655 .small-10 { width: 83.33333%; } #stacks_in_6655 .small-11 { width: 91.66667%; } #stacks_in_6655 .small-12 { width: 100%; } #stacks_in_6655 .small-offset-0 { margin-left: 0% !important; } #stacks_in_6655 .small-offset-1 { margin-left: 8.33333% !important; } #stacks_in_6655 .small-offset-2 { margin-left: 16.66667% !important; } #stacks_in_6655 .small-offset-3 { margin-left: 25% !important; } #stacks_in_6655 .small-offset-4 { margin-left: 33.33333% !important; } #stacks_in_6655 .small-offset-5 { margin-left: 41.66667% !important; } #stacks_in_6655 .small-offset-6 { margin-left: 50% !important; } #stacks_in_6655 .small-offset-7 { margin-left: 58.33333% !important; } #stacks_in_6655 .small-offset-8 { margin-left: 66.66667% !important; } #stacks_in_6655 .small-offset-9 { margin-left: 75% !important; } #stacks_in_6655 .small-offset-10 { margin-left: 83.33333% !important; } #stacks_in_6655 .small-offset-11 { margin-left: 91.66667% !important; } #stacks_in_6655 .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_6655 .column.small-centered, #stacks_in_6655 .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_6655 .column.small-uncentered, #stacks_in_6655 .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_6655 .column.small-centered:last-child, #stacks_in_6655 .columns.small-centered:last-child { float: none; } #stacks_in_6655 .column.small-uncentered:last-child, #stacks_in_6655 .columns.small-uncentered:last-child { float: left; } #stacks_in_6655 .column.small-uncentered.opposite, #stacks_in_6655 .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 40.063em) { #stacks_in_6655 .medium-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6655 .medium-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6655 .medium-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6655 .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6655 .medium-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6655 .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6655 .medium-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6655 .medium-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6655 .medium-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6655 .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6655 .medium-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6655 .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6655 .medium-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6655 .medium-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6655 .medium-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6655 .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6655 .medium-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6655 .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6655 .medium-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6655 .medium-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6655 .medium-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6655 .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6655 .medium-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6655 .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_6655 .column, #stacks_in_6655 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_6655 .medium-1 { width: 8.33333%; } #stacks_in_6655 .medium-2 { width: 16.66667%; } #stacks_in_6655 .medium-3 { width: 25%; } #stacks_in_6655 .medium-4 { width: 33.33333%; } #stacks_in_6655 .medium-5 { width: 41.66667%; } #stacks_in_6655 .medium-6 { width: 50%; } #stacks_in_6655 .medium-7 { width: 58.33333%; } #stacks_in_6655 .medium-8 { width: 66.66667%; } #stacks_in_6655 .medium-9 { width: 75%; } #stacks_in_6655 .medium-10 { width: 83.33333%; } #stacks_in_6655 .medium-11 { width: 91.66667%; } #stacks_in_6655 .medium-12 { width: 100%; } #stacks_in_6655 .medium-offset-0 { margin-left: 0% !important; } #stacks_in_6655 .medium-offset-1 { margin-left: 8.33333% !important; } #stacks_in_6655 .medium-offset-2 { margin-left: 16.66667% !important; } #stacks_in_6655 .medium-offset-3 { margin-left: 25% !important; } #stacks_in_6655 .medium-offset-4 { margin-left: 33.33333% !important; } #stacks_in_6655 .medium-offset-5 { margin-left: 41.66667% !important; } #stacks_in_6655 .medium-offset-6 { margin-left: 50% !important; } #stacks_in_6655 .medium-offset-7 { margin-left: 58.33333% !important; } #stacks_in_6655 .medium-offset-8 { margin-left: 66.66667% !important; } #stacks_in_6655 .medium-offset-9 { margin-left: 75% !important; } #stacks_in_6655 .medium-offset-10 { margin-left: 83.33333% !important; } #stacks_in_6655 .medium-offset-11 { margin-left: 91.66667% !important; } #stacks_in_6655 .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_6655 .column.medium-centered, #stacks_in_6655 .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_6655 .column.medium-uncentered, #stacks_in_6655 .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_6655 .column.medium-centered:last-child, #stacks_in_6655 .columns.medium-centered:last-child { float: none; } #stacks_in_6655 .column.medium-uncentered:last-child, #stacks_in_6655 .columns.medium-uncentered:last-child { float: left; } #stacks_in_6655 .column.medium-uncentered.opposite, #stacks_in_6655 .columns.medium-uncentered.opposite { float: right; } #stacks_in_6655 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6655 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6655 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6655 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6655 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6655 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6655 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6655 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6655 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6655 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6655 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6655 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6655 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6655 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6655 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6655 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6655 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6655 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6655 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6655 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6655 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6655 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6655 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6655 .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { #stacks_in_6655 .large-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6655 .large-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6655 .large-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6655 .large-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6655 .large-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6655 .large-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6655 .large-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6655 .large-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6655 .large-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6655 .large-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6655 .large-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6655 .large-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6655 .large-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6655 .large-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6655 .large-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6655 .large-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6655 .large-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6655 .large-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6655 .large-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6655 .large-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6655 .large-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6655 .large-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6655 .large-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6655 .large-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_6655 .column, #stacks_in_6655 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_6655 .large-1 { width: 8.33333%; } #stacks_in_6655 .large-2 { width: 16.66667%; } #stacks_in_6655 .large-3 { width: 25%; } #stacks_in_6655 .large-4 { width: 33.33333%; } #stacks_in_6655 .large-5 { width: 41.66667%; } #stacks_in_6655 .large-6 { width: 50%; } #stacks_in_6655 .large-7 { width: 58.33333%; } #stacks_in_6655 .large-8 { width: 66.66667%; } #stacks_in_6655 .large-9 { width: 75%; } #stacks_in_6655 .large-10 { width: 83.33333%; } #stacks_in_6655 .large-11 { width: 91.66667%; } #stacks_in_6655 .large-12 { width: 100%; } #stacks_in_6655 .large-offset-0 { margin-left: 0% !important; } #stacks_in_6655 .large-offset-1 { margin-left: 8.33333% !important; } #stacks_in_6655 .large-offset-2 { margin-left: 16.66667% !important; } #stacks_in_6655 .large-offset-3 { margin-left: 25% !important; } #stacks_in_6655 .large-offset-4 { margin-left: 33.33333% !important; } #stacks_in_6655 .large-offset-5 { margin-left: 41.66667% !important; } #stacks_in_6655 .large-offset-6 { margin-left: 50% !important; } #stacks_in_6655 .large-offset-7 { margin-left: 58.33333% !important; } #stacks_in_6655 .large-offset-8 { margin-left: 66.66667% !important; } #stacks_in_6655 .large-offset-9 { margin-left: 75% !important; } #stacks_in_6655 .large-offset-10 { margin-left: 83.33333% !important; } #stacks_in_6655 .large-offset-11 { margin-left: 91.66667% !important; } #stacks_in_6655 .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_6655 .column.large-centered, #stacks_in_6655 .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_6655 .column.large-uncentered, #stacks_in_6655 .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_6655 .column.large-centered:last-child, #stacks_in_6655 .columns.large-centered:last-child { float: none; } #stacks_in_6655 .column.large-uncentered:last-child, #stacks_in_6655 .columns.large-uncentered:last-child { float: left; } #stacks_in_6655 .column.large-uncentered.opposite, #stacks_in_6655 .columns.large-uncentered.opposite { float: right; } #stacks_in_6655 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6655 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6655 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6655 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6655 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6655 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6655 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6655 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6655 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6655 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6655 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6655 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6655 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6655 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6655 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6655 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6655 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6655 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6655 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6655 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6655 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6655 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6655 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6655 .pull-11 { position: relative; right: 91.66667%; left: auto; } } #stacks_in_6655 [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } #stacks_in_6655 [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } #stacks_in_6655 [class*="block-grid-"]:after { clear: both; } #stacks_in_6655 [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { #stacks_in_6655 .small-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_6655 .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_6655 .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_6655 .small-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_6655 .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_6655 .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_6655 .small-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_6655 .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_6655 .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_6655 .small-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_6655 .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_6655 .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_6655 .small-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_6655 .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_6655 .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_6655 .small-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_6655 .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_6655 .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_6655 .small-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_6655 .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_6655 .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_6655 .small-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_6655 .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_6655 .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_6655 .small-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_6655 .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_6655 .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_6655 .small-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_6655 .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_6655 .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_6655 .small-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_6655 .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_6655 .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_6655 .small-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_6655 .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_6655 .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { #stacks_in_6655 .medium-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_6655 .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_6655 .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_6655 .medium-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_6655 .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_6655 .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_6655 .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_6655 .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_6655 .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_6655 .medium-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_6655 .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_6655 .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_6655 .medium-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_6655 .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_6655 .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_6655 .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_6655 .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_6655 .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_6655 .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_6655 .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_6655 .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_6655 .medium-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_6655 .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_6655 .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_6655 .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_6655 .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_6655 .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_6655 .medium-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_6655 .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_6655 .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_6655 .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_6655 .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_6655 .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_6655 .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_6655 .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_6655 .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { #stacks_in_6655 .large-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_6655 .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_6655 .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_6655 .large-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_6655 .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_6655 .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_6655 .large-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_6655 .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_6655 .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_6655 .large-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_6655 .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_6655 .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_6655 .large-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_6655 .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_6655 .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_6655 .large-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_6655 .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_6655 .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_6655 .large-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_6655 .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_6655 .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_6655 .large-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_6655 .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_6655 .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_6655 .large-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_6655 .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_6655 .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_6655 .large-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_6655 .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_6655 .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_6655 .large-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_6655 .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_6655 .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_6655 .large-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_6655 .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_6655 .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } #stacks_in_6655 { background-color: rgba(204, 204, 204, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; margin: 0px 0px 10px 0px; padding: 0px 5px 0px 5px; } #stacks_in_6656 h3,#stacks_in_6656 h3 a,#stacks_in_6656 p,#stacks_in_6656 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_6656 h3,#stacks_in_6656 h3 a,#stacks_in_6656 p,#stacks_in_6656 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_6656 h3,#stacks_in_6656 h3 a,#stacks_in_6656 p,#stacks_in_6656 p a{ font-size:12px; } } #stacks_in_6656 h3,#stacks_in_6656 h3 a,#stacks_in_6656 p,#stacks_in_6656 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_6656 p a:hover, #stacks_in_6656 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_6656 { margin: 10px 0px 10px 20px; padding: 0px 5px 0px 5px; } #stacks_out_6656 { margin-right:0; } #stacks_in_6657 { font-size: 99%; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_6812, #stacks_in_6812 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_6812 { padding: 20px 0px !important; } #press_alignment_stacks_in_6812 { width: 100%; } #press_alignment_stacks_in_6812.press-left { text-align: left; } #press_alignment_stacks_in_6812.press-center { text-align: center; } #press_alignment_stacks_in_6812.press-right { text-align: right; } #stacks_in_6812 { transition: all 200ms ease; /* */ /* */ /* */ background: #4DCB61; background: -webkit-gradient(linear, left top, left bottom, from(to bottom), color-stop(#4DCB61), to(#16AB54)); background: linear-gradient(to bottom, #4DCB61, #16AB54); /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 10px 15px 10px 15px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_6812:hover { /* */ /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_6812:hover .press-icon i { /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_6812:active { /* */ /* */ /* */ /* */ } #stacks_in_6812:active .press-icon i { /* */ } #stacks_in_6812 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 10px 15px 10px 15px; border-radius: 0px 0px 0px 0px; /* */ /* */ /* */ background: #52A37C; background: -webkit-gradient(linear, left top, left bottom, from(to right), color-stop(#52A37C), to(#0D6634)); background: linear-gradient(to right, #52A37C, #0D6634); /* */ /* */ /* */ /* */ margin-right: 0px; /* */ /* */ /* */ } #stacks_in_6812 .press-icon i { font-size: 20px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_6812 .press-text { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; padding: 5px 10px 5px 10px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 16px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_6812 .press-text .out { margin: 0 !important; } #stacks_in_6812 { font-size: 12px; line-height: 16px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } /* -- Start Anchor Each css Template -- */ .stacks_in_5592anchorStack{ height: 0px !important; padding: 0 !important; margin: 0 !important; } .stacks_in_5592editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_5592editInfo i{ vertical-align: middle; } .stacks_in_5592editInfo:before{ content:"#da1"; float: right; } .stacks_in_5592editInfo:after{ content:""; display: table; clear: both; } .stacks_in_5592topOffset{ position: relative; height: 70; background: #ecf0f1; border: 1px solid #bdc3c7; border-top-right-radius: 2px; border-top-left-radius: 2px; margin-bottom: -2px; } .stacks_in_5592topOffset:after{ content: "Top Offset"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #7f8c8d; } /* -- End Anchor Each css Template -- */@font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_in_7511_press.press-lite { box-sizing: border-box; position: relative; /* */ cursor: pointer; /* */ padding: 12px 24px; border-radius: 4px; text-decoration: none; display: inline-block; margin: 0; font-size: 16px; line-height: 16px; /* */ /* */ background-color: rgba(253, 174, 31, 1.00); /* */ /* */ /* */ /* */ /* */ font-family: ; /* */ border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.15); } #stacks_in_7511_press.press-lite:focus {outline:0;} #stacks_in_7511_press_wrap { /* */ display: inline-block; /* */ /* */ /* */ margin: 12px 0px 12px 0px; } #stacks_in_7511_press.press-lite { white-space: nowrap; } #stacks_in_7511_press.press-lite .press-lite-text span, #stacks_in_7511_press.press-lite .press-lite-text:after { overflow: hidden; color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_7511_press.press-lite, #stacks_in_7511_press.press-lite .press-lite-text, #stacks_in_7511_press.press-lite .press-lite-text:after, #stacks_in_7511_press.press-lite .press-lite-text > span, #stacks_in_7511_press.press-lite .press-lite-icon i, #stacks_in_7511_press.press-lite .press-lite-icon img, #stacks_in_7511_press.press-lite .press-lite-icon svg, #stacks_in_7511_press.press-lite .press-lite-icon svg path, #stacks_in_7511_press.press-lite .press-lite-icon svg polyline, #stacks_in_7511_press.press-lite .press-lite-icon:after { transition: all 200ms ease; } #stacks_in_7511_press.press-lite .press-lite-text { z-index: 1; position: relative; } #stacks_in_7511_press.press-lite .press-lite-icon i, #stacks_in_7511_press.press-lite .press-lite-icon img { position: relative; color: rgba(51, 51, 51, 1.00); display: inline-block; /* */ margin-right: 8px; /* */ font-size: 16px; line-height: 16px; z-index: 1; } #stacks_in_7511_press.press-lite .press-lite-icon img { height: 16px; width: auto; vertical-align: top; } #stacks_in_7511_press.press-lite .press-lite-icon svg { display: inline-block; /* */ margin-right: 8px; /* */ height: 20.000000px; z-index: 1; } /* */ #stacks_in_7511_press.press-lite .press-lite-icon.press-lite-icon-off svg { transform: translateX(5%); } #stacks_in_7511_press.press-lite .press-lite-icon svg path { fill: rgba(51, 51, 51, 1.00); } #stacks_in_7511_press.press-lite .press-lite-icon svg polyline { fill:none; stroke: rgba(51, 51, 51, 1.00); stroke-linecap:round; stroke-linejoin:round; stroke-width:48px; } #stacks_in_7511_press.press-lite:active, #stacks_in_7511_press.press-lite:focus { transform: translate(0,0); } /* */ /* */ #stacks_in_7511_press.press-lite:hover { background: rgba(235, 235, 235, 0.50); } /* */ /* */ /* */ #stacks_in_7511_press.press-lite { padding: 0; } #stacks_in_7511_press.press-lite .press-lite-text { position: relative; z-index: 1; display: inline-block; padding: 12px 24px 12px 13px; } #stacks_in_7511_press.press-lite .press-lite-icon i, #stacks_in_7511_press.press-lite .press-lite-icon img, #stacks_in_7511_press.press-lite .press-lite-icon svg { margin: 0; } #stacks_in_7511_press.press-lite .press-lite-icon { padding: 0px; display: grid; float:left; align-content: center; justify-content: center; width: 40px; height: 40px; text-align: center; } #stacks_in_7511_press.press-lite .press-lite-icon:after { content: ""; color: transparent; position: absolute; top: -1px; left: -1px; bottom: -1px; background: rgba(0, 0, 0, 0.00); border-radius: 4px 0px 0px 4px; width: 40px; height: 42px; } /* */ /* */ /* */ /* */ /* */ /* */ #stacks_in_7511_press.press-lite:active { box-shadow: inset 0px 0px 0px 300px rgba(0,0,0,0.1); } /* */ #stacks_in_7511_press.press-lite .press-lite-lines { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; display: grid; } #stacks_in_7511_press.press-lite .press-lite-line-t, #stacks_in_7511_press.press-lite .press-lite-line-b { position: absolute; height: 1px; width: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_7511_press.press-lite .press-lite-line-l, #stacks_in_7511_press.press-lite .press-lite-line-r { position: absolute; width: 1px; height: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_7511_press.press-lite .press-lite-line-t { top: 0; } #stacks_in_7511_press.press-lite .press-lite-line-b { bottom: 0; width: 100%; } #stacks_in_7511_press.press-lite .press-lite-line-l { left: 0; } #stacks_in_7511_press.press-lite .press-lite-line-r { right: 0; } /* */ /* */ /* */ /* */ #stacks_in_6197 h3,#stacks_in_6197 h3 a,#stacks_in_6197 p,#stacks_in_6197 p a{ font-size:16px; line-height:1.25em; margin:0; } #stacks_in_6197 h3,#stacks_in_6197 h3 a,#stacks_in_6197 p,#stacks_in_6197 p a{ color:rgba(250, 255, 255, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_6197 p a:hover, #stacks_in_6197 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_6197 { background-color: rgba(2, 31, 57, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; padding: 20px; } #stacks_in_6199 { background-color: rgba(253, 255, 255, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; padding: 10px; } /* -- Start Swell Each css Template -- */ #stacks_in_3900{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_3900swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_3900swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_3900swell{ max-width: 800px; } .stacks_in_3900swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_3900swell-with-zoom .mfp-container,.stacks_in_3900swell-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 198.000015ms ease-out; -moz-transition: all 198.000015ms ease-out; -o-transition: all 198.000015ms ease-out; transition: all 198.000015ms ease-out; } .stacks_in_3900swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_3900swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_3900swell-with-zoom.mfp-removing .mfp-container,.stacks_in_3900swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_3900 .swellzoomeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_3900 .swellshrinkeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_3900 .swellcircleeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #stacks_in_3900 .swellthreedeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media all and (min-width: 480px) { #stacks_in_3900 .swellzoomeffect img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } #stacks_in_3900 .swellshrinkeffect img:hover{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9); } #stacks_in_3900 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_3900 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_3900 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_3900 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_3900 .swellthreedeffect:hover{ box-shadow: 1px 1px rgba(242, 88, 95, 1.00), 2px 2px rgba(242, 88, 95, 1.00), 3px 3px rgba(242, 88, 95, 1.00); -webkit-transform: translateX(-3px); transform: translateX(-3px); } } /* -- End Swell Each css Template -- */ #stacks_in_6723 hr{border:0;height:0;width:100%;margin:0;padding:0}#stacks_in_6723 hr.gradient{height:1px;background:#333;background-image:-webkit-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:-moz-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:-ms-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:-o-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:linear-gradient(left,#CCCCCC,#333333,#CCCCCC)}#stacks_in_6723 hr.faded{height:1px;background-image:-webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0))}#stacks_in_6723 hr.dashed_fade{border-bottom:1px dashed #7E7E7E;background:#333333}#stacks_in_6723 hr.dotted_fade{border-bottom:1px dotted #7E7E7E;background:#333333}#stacks_in_6723 hr.dashed{border-bottom:1px dashed #333333}#stacks_in_6723 hr.dotted{border-bottom:1px dotted #7E7E7E}#stacks_in_6723 hr.shadow{height:1px;box-shadow:inset 0 1px 1px -1px rgba(0,0,0,0.5)}#stacks_in_6723 hr.cloudy{margin:1px 0;box-shadow:0 0 1px 1px #333333}#stacks_in_6723 hr.cloudy:after{content:"\00a0"}#stacks_in_6723 hr.inset{border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(255,255,255,0.3)}#stacks_in_6723 hr.inset_two{border-top:1px solid #CCCCCC;border-bottom:1px solid #333333}#stacks_in_6723 hr.inset_three{border-top:1px solid #333333;border-bottom:1px solid #CCCCCC}#stacks_in_6723 hr.inset_four{border-top:1px solid #333333;border-bottom:1px solid #CCCCCC}#stacks_in_6723 hr.flared{height:30px;border-style:solid;border-color:#333333;border-width:1px 0 0 0;border-radius:20px;margin-top:12px}#stacks_in_6723 hr.flared:before{display:block;content:"";height:30px;margin-top:-31px;border-style:solid;border-color:#333333;border-width:0 0 1px 0;border-radius:20px}#stacks_in_6723 hr.glyph{padding:0;border:0;border-top:1px double #333333;color:#333333;text-align:center;margin:1em 0}#stacks_in_6723 hr.glyph:after{content:"§";display:inline-block;position:relative;top:-0.00em;font-size:1.5em;padding:0 .25em;background:#FFFFFF} #stacks_in_6723 { margin: 11px; } #stacks_in_6136>.s3_row { margin: 0 -0px; } #stacks_in_6136>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_6136>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_6136>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { #stacks_in_6136>.s3_row { margin: -0px 0; } #stacks_in_6136>.s3_row>.s3_column { padding: 0px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_6136>.s3_row { margin: -0px 0; } #stacks_in_6136>.s3_row>.s3_column { padding: 0px 0; width:100%; } } #stacks_in_2810 h3,#stacks_in_2810 h3 a,#stacks_in_2810 p,#stacks_in_2810 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_2810 h3,#stacks_in_2810 h3 a,#stacks_in_2810 p,#stacks_in_2810 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_2810 h3,#stacks_in_2810 h3 a,#stacks_in_2810 p,#stacks_in_2810 p a{ font-size:12px; } } #stacks_in_2810 h3,#stacks_in_2810 h3 a,#stacks_in_2810 p,#stacks_in_2810 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_2810 p a:hover, #stacks_in_2810 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_2810 { margin: 10px; } #stacks_out_2810 { margin-right:0; } #stacks_in_2811 { font-size: 99%; } #stacks_in_6734 h3,#stacks_in_6734 h3 a,#stacks_in_6734 p,#stacks_in_6734 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_6734 h3,#stacks_in_6734 h3 a,#stacks_in_6734 p,#stacks_in_6734 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_6734 h3,#stacks_in_6734 h3 a,#stacks_in_6734 p,#stacks_in_6734 p a{ font-size:12px; } } #stacks_in_6734 h3,#stacks_in_6734 h3 a,#stacks_in_6734 p,#stacks_in_6734 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_6734 p a:hover, #stacks_in_6734 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_6734 { margin: 10px; } #stacks_out_6734 { margin-right:0; } #stacks_in_6735 { font-size: 99%; } #stacks_in_9835 h3,#stacks_in_9835 h3 a,#stacks_in_9835 p,#stacks_in_9835 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_9835 h3,#stacks_in_9835 h3 a,#stacks_in_9835 p,#stacks_in_9835 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_9835 h3,#stacks_in_9835 h3 a,#stacks_in_9835 p,#stacks_in_9835 p a{ font-size:12px; } } #stacks_in_9835 h3,#stacks_in_9835 h3 a,#stacks_in_9835 p,#stacks_in_9835 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_9835 p a:hover, #stacks_in_9835 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_9835 { margin: 10px; } #stacks_out_9835 { margin-right:0; } #stacks_in_9834 { font-size: 99%; } #stacks_in_9852 h3,#stacks_in_9852 h3 a,#stacks_in_9852 p,#stacks_in_9852 p a{ font-size:16px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_9852 h3,#stacks_in_9852 h3 a,#stacks_in_9852 p,#stacks_in_9852 p a{ font-size:15px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_9852 h3,#stacks_in_9852 h3 a,#stacks_in_9852 p,#stacks_in_9852 p a{ font-size:13px; } } #stacks_in_9852 h3,#stacks_in_9852 h3 a,#stacks_in_9852 p,#stacks_in_9852 p a{ color:rgba(255, 255, 255, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_9852 p a:hover, #stacks_in_9852 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_9852 { background-color: rgba(0, 64, 128, 1.00); margin: 10px 0px 10px 0px; padding: 10px; } #stacks_out_9852 { margin-right:0; } #stacks_in_9853 { font-size: 99%; } /* ********* */ /* Normalize */ /* ********* */ /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ #stacks_in_9854 article, #stacks_in_9854 aside, #stacks_in_9854 details, #stacks_in_9854 figcaption, #stacks_in_9854 figure, #stacks_in_9854 footer, #stacks_in_9854 header, #stacks_in_9854 hgroup, #stacks_in_9854 main, #stacks_in_9854 nav, #stacks_in_9854 section, #stacks_in_9854 summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ #stacks_in_9854 audio, #stacks_in_9854 canvas, #stacks_in_9854 progress, #stacks_in_9854 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ #stacks_in_9854 audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ #stacks_in_9854 [hidden], #stacks_in_9854 template { display: none; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ #stacks_in_9854 img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ #stacks_in_9854 svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address differences between Firefox and other browsers. */ #stacks_in_9854 hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ #stacks_in_9854 pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ #stacks_in_9854 code, #stacks_in_9854 kbd, #stacks_in_9854 pre, #stacks_in_9854 samp { font-family: monospace, monospace; font-size: 1em; } /* **************** */ /* Stack Specific */ /* **************** */ #stacks_in_9854 *, #stacks_in_9854 *:before, #stacks_in_9854 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_9854 .wow { visibility: hidden; } /* We use this media query to add styles to any device that supports media queries */ @media only screen { #stacks_in_9854 .column_base_margin { margin-bottom: 0px; } } @media only screen and (max-width: 1024px) { #stacks_in_9854 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 768px wide. */ @media only screen and (max-width: 768px) { #stacks_in_9854 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 480px wide. */ @media only screen and (max-width: 640px) { #stacks_in_9854 .column_base_margin { margin-bottom: 0px; } } /* Handles making images responsive inside the stack */ #stacks_in_9854 img { max-width: 100%; height: auto; } /* **************** */ /* Foundation START */ /* **************** */ /* Copyright (c) 2013-2014 ZURB, inc. MIT License 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. */ #stacks_in_9854 meta.foundation-version { font-family: "/5.3.1/"; } #stacks_in_9854 meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } #stacks_in_9854 meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } #stacks_in_9854 meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } #stacks_in_9854 meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } #stacks_in_9854 meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } #stacks_in_9854 meta.foundation-data-attribute-namespace { font-family: false; } #stacks_in_9854 *, #stacks_in_9854 *:before, #stacks_in_9854 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_9854 .left { float: left !important; } #stacks_in_9854 .right { float: right !important; } #stacks_in_9854 .clearfix:before, #stacks_in_9854 .clearfix:after { content: " "; display: table; } #stacks_in_9854 .clearfix:after { clear: both; } #stacks_in_9854 .hide { display: none; } #stacks_in_9854 .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_9854 img { display: inline-block; vertical-align: middle; } #stacks_in_9854 textarea { height: auto; min-height: 50px; } #stacks_in_9854 select { width: 100%; } #stacks_in_9854 .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } #stacks_in_9854 .row:before, #stacks_in_9854 .row:after { content: " "; display: table; } #stacks_in_9854 .row:after { clear: both; } #stacks_in_9854 .row.collapse > .column, #stacks_in_9854 .row.collapse > .columns { padding-left: 0; padding-right: 0; } #stacks_in_9854 .row.collapse .row { margin-left: 0; margin-right: 0; } #stacks_in_9854 .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; } #stacks_in_9854 .row .row:before, #stacks_in_9854 .row .row:after { content: " "; display: table; } #stacks_in_9854 .row .row:after { clear: both; } #stacks_in_9854 .row .row.collapse { width: auto; margin: 0; max-width: none; } #stacks_in_9854 .row .row.collapse:before, #stacks_in_9854 .row .row.collapse:after { content: " "; display: table; } #stacks_in_9854 .row .row.collapse:after { clear: both; } #stacks_in_9854 .column, #stacks_in_9854 .columns { padding-left: 0.9375em; padding-right: 0.9375em; margin-right: 0; /* Fixes comaptiblity with some themes using skeleton.css */ margin-left: 0; /* Fixes comaptiblity with some themes using skeleton.css */ width: 100%; float: left; } #stacks_in_9854 [class*="column"] + [class*="column"]:last-child { float: right; } #stacks_in_9854 [class*="column"] + [class*="column"].end { float: left; } @media only screen { #stacks_in_9854 .small-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9854 .small-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9854 .small-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9854 .small-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9854 .small-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9854 .small-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9854 .small-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9854 .small-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9854 .small-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9854 .small-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9854 .small-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9854 .small-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9854 .small-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9854 .small-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9854 .small-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9854 .small-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9854 .small-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9854 .small-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9854 .small-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9854 .small-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9854 .small-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9854 .small-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9854 .small-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9854 .small-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_9854 .column, #stacks_in_9854 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_9854 .small-1 { width: 8.33333%; } #stacks_in_9854 .small-2 { width: 16.66667%; } #stacks_in_9854 .small-3 { width: 25%; } #stacks_in_9854 .small-4 { width: 33.33333%; } #stacks_in_9854 .small-5 { width: 41.66667%; } #stacks_in_9854 .small-6 { width: 50%; } #stacks_in_9854 .small-7 { width: 58.33333%; } #stacks_in_9854 .small-8 { width: 66.66667%; } #stacks_in_9854 .small-9 { width: 75%; } #stacks_in_9854 .small-10 { width: 83.33333%; } #stacks_in_9854 .small-11 { width: 91.66667%; } #stacks_in_9854 .small-12 { width: 100%; } #stacks_in_9854 .small-offset-0 { margin-left: 0% !important; } #stacks_in_9854 .small-offset-1 { margin-left: 8.33333% !important; } #stacks_in_9854 .small-offset-2 { margin-left: 16.66667% !important; } #stacks_in_9854 .small-offset-3 { margin-left: 25% !important; } #stacks_in_9854 .small-offset-4 { margin-left: 33.33333% !important; } #stacks_in_9854 .small-offset-5 { margin-left: 41.66667% !important; } #stacks_in_9854 .small-offset-6 { margin-left: 50% !important; } #stacks_in_9854 .small-offset-7 { margin-left: 58.33333% !important; } #stacks_in_9854 .small-offset-8 { margin-left: 66.66667% !important; } #stacks_in_9854 .small-offset-9 { margin-left: 75% !important; } #stacks_in_9854 .small-offset-10 { margin-left: 83.33333% !important; } #stacks_in_9854 .small-offset-11 { margin-left: 91.66667% !important; } #stacks_in_9854 .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_9854 .column.small-centered, #stacks_in_9854 .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_9854 .column.small-uncentered, #stacks_in_9854 .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_9854 .column.small-centered:last-child, #stacks_in_9854 .columns.small-centered:last-child { float: none; } #stacks_in_9854 .column.small-uncentered:last-child, #stacks_in_9854 .columns.small-uncentered:last-child { float: left; } #stacks_in_9854 .column.small-uncentered.opposite, #stacks_in_9854 .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 40.063em) { #stacks_in_9854 .medium-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9854 .medium-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9854 .medium-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9854 .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9854 .medium-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9854 .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9854 .medium-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9854 .medium-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9854 .medium-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9854 .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9854 .medium-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9854 .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9854 .medium-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9854 .medium-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9854 .medium-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9854 .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9854 .medium-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9854 .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9854 .medium-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9854 .medium-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9854 .medium-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9854 .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9854 .medium-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9854 .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_9854 .column, #stacks_in_9854 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_9854 .medium-1 { width: 8.33333%; } #stacks_in_9854 .medium-2 { width: 16.66667%; } #stacks_in_9854 .medium-3 { width: 25%; } #stacks_in_9854 .medium-4 { width: 33.33333%; } #stacks_in_9854 .medium-5 { width: 41.66667%; } #stacks_in_9854 .medium-6 { width: 50%; } #stacks_in_9854 .medium-7 { width: 58.33333%; } #stacks_in_9854 .medium-8 { width: 66.66667%; } #stacks_in_9854 .medium-9 { width: 75%; } #stacks_in_9854 .medium-10 { width: 83.33333%; } #stacks_in_9854 .medium-11 { width: 91.66667%; } #stacks_in_9854 .medium-12 { width: 100%; } #stacks_in_9854 .medium-offset-0 { margin-left: 0% !important; } #stacks_in_9854 .medium-offset-1 { margin-left: 8.33333% !important; } #stacks_in_9854 .medium-offset-2 { margin-left: 16.66667% !important; } #stacks_in_9854 .medium-offset-3 { margin-left: 25% !important; } #stacks_in_9854 .medium-offset-4 { margin-left: 33.33333% !important; } #stacks_in_9854 .medium-offset-5 { margin-left: 41.66667% !important; } #stacks_in_9854 .medium-offset-6 { margin-left: 50% !important; } #stacks_in_9854 .medium-offset-7 { margin-left: 58.33333% !important; } #stacks_in_9854 .medium-offset-8 { margin-left: 66.66667% !important; } #stacks_in_9854 .medium-offset-9 { margin-left: 75% !important; } #stacks_in_9854 .medium-offset-10 { margin-left: 83.33333% !important; } #stacks_in_9854 .medium-offset-11 { margin-left: 91.66667% !important; } #stacks_in_9854 .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_9854 .column.medium-centered, #stacks_in_9854 .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_9854 .column.medium-uncentered, #stacks_in_9854 .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_9854 .column.medium-centered:last-child, #stacks_in_9854 .columns.medium-centered:last-child { float: none; } #stacks_in_9854 .column.medium-uncentered:last-child, #stacks_in_9854 .columns.medium-uncentered:last-child { float: left; } #stacks_in_9854 .column.medium-uncentered.opposite, #stacks_in_9854 .columns.medium-uncentered.opposite { float: right; } #stacks_in_9854 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9854 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9854 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9854 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9854 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9854 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9854 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9854 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9854 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9854 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9854 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9854 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9854 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9854 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9854 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9854 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9854 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9854 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9854 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9854 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9854 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9854 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9854 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9854 .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { #stacks_in_9854 .large-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9854 .large-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9854 .large-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9854 .large-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9854 .large-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9854 .large-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9854 .large-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9854 .large-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9854 .large-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9854 .large-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9854 .large-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9854 .large-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9854 .large-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9854 .large-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9854 .large-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9854 .large-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9854 .large-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9854 .large-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9854 .large-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9854 .large-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9854 .large-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9854 .large-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9854 .large-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9854 .large-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_9854 .column, #stacks_in_9854 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_9854 .large-1 { width: 8.33333%; } #stacks_in_9854 .large-2 { width: 16.66667%; } #stacks_in_9854 .large-3 { width: 25%; } #stacks_in_9854 .large-4 { width: 33.33333%; } #stacks_in_9854 .large-5 { width: 41.66667%; } #stacks_in_9854 .large-6 { width: 50%; } #stacks_in_9854 .large-7 { width: 58.33333%; } #stacks_in_9854 .large-8 { width: 66.66667%; } #stacks_in_9854 .large-9 { width: 75%; } #stacks_in_9854 .large-10 { width: 83.33333%; } #stacks_in_9854 .large-11 { width: 91.66667%; } #stacks_in_9854 .large-12 { width: 100%; } #stacks_in_9854 .large-offset-0 { margin-left: 0% !important; } #stacks_in_9854 .large-offset-1 { margin-left: 8.33333% !important; } #stacks_in_9854 .large-offset-2 { margin-left: 16.66667% !important; } #stacks_in_9854 .large-offset-3 { margin-left: 25% !important; } #stacks_in_9854 .large-offset-4 { margin-left: 33.33333% !important; } #stacks_in_9854 .large-offset-5 { margin-left: 41.66667% !important; } #stacks_in_9854 .large-offset-6 { margin-left: 50% !important; } #stacks_in_9854 .large-offset-7 { margin-left: 58.33333% !important; } #stacks_in_9854 .large-offset-8 { margin-left: 66.66667% !important; } #stacks_in_9854 .large-offset-9 { margin-left: 75% !important; } #stacks_in_9854 .large-offset-10 { margin-left: 83.33333% !important; } #stacks_in_9854 .large-offset-11 { margin-left: 91.66667% !important; } #stacks_in_9854 .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_9854 .column.large-centered, #stacks_in_9854 .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_9854 .column.large-uncentered, #stacks_in_9854 .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_9854 .column.large-centered:last-child, #stacks_in_9854 .columns.large-centered:last-child { float: none; } #stacks_in_9854 .column.large-uncentered:last-child, #stacks_in_9854 .columns.large-uncentered:last-child { float: left; } #stacks_in_9854 .column.large-uncentered.opposite, #stacks_in_9854 .columns.large-uncentered.opposite { float: right; } #stacks_in_9854 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9854 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9854 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9854 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9854 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9854 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9854 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9854 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9854 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9854 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9854 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9854 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9854 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9854 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9854 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9854 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9854 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9854 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9854 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9854 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9854 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9854 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9854 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9854 .pull-11 { position: relative; right: 91.66667%; left: auto; } } #stacks_in_9854 [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } #stacks_in_9854 [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } #stacks_in_9854 [class*="block-grid-"]:after { clear: both; } #stacks_in_9854 [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { #stacks_in_9854 .small-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_9854 .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_9854 .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_9854 .small-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_9854 .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_9854 .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_9854 .small-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_9854 .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_9854 .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_9854 .small-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_9854 .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_9854 .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_9854 .small-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_9854 .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_9854 .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_9854 .small-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_9854 .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_9854 .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_9854 .small-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_9854 .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_9854 .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_9854 .small-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_9854 .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_9854 .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_9854 .small-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_9854 .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_9854 .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_9854 .small-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_9854 .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_9854 .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_9854 .small-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_9854 .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_9854 .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_9854 .small-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_9854 .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_9854 .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { #stacks_in_9854 .medium-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_9854 .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_9854 .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_9854 .medium-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_9854 .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_9854 .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_9854 .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_9854 .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_9854 .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_9854 .medium-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_9854 .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_9854 .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_9854 .medium-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_9854 .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_9854 .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_9854 .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_9854 .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_9854 .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_9854 .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_9854 .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_9854 .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_9854 .medium-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_9854 .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_9854 .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_9854 .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_9854 .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_9854 .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_9854 .medium-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_9854 .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_9854 .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_9854 .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_9854 .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_9854 .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_9854 .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_9854 .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_9854 .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { #stacks_in_9854 .large-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_9854 .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_9854 .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_9854 .large-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_9854 .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_9854 .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_9854 .large-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_9854 .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_9854 .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_9854 .large-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_9854 .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_9854 .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_9854 .large-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_9854 .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_9854 .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_9854 .large-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_9854 .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_9854 .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_9854 .large-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_9854 .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_9854 .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_9854 .large-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_9854 .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_9854 .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_9854 .large-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_9854 .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_9854 .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_9854 .large-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_9854 .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_9854 .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_9854 .large-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_9854 .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_9854 .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_9854 .large-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_9854 .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_9854 .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } #stacks_in_9854 { background-color: rgba(230, 230, 230, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; margin: 0px 0px 10px 0px; padding: 0px 5px 0px 10px; } #stacks_in_9855 h3,#stacks_in_9855 h3 a,#stacks_in_9855 p,#stacks_in_9855 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_9855 h3,#stacks_in_9855 h3 a,#stacks_in_9855 p,#stacks_in_9855 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_9855 h3,#stacks_in_9855 h3 a,#stacks_in_9855 p,#stacks_in_9855 p a{ font-size:12px; } } #stacks_in_9855 h3,#stacks_in_9855 h3 a,#stacks_in_9855 p,#stacks_in_9855 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_9855 p a:hover, #stacks_in_9855 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_9855 { margin: 10px; } #stacks_out_9855 { margin-right:0; } #stacks_in_9856 { font-size: 99%; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_9858, #stacks_in_9858 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_9858 { padding: 20px 0px !important; } #press_alignment_stacks_in_9858 { width: 100%; } #press_alignment_stacks_in_9858.press-left { text-align: left; } #press_alignment_stacks_in_9858.press-center { text-align: center; } #press_alignment_stacks_in_9858.press-right { text-align: right; } #stacks_in_9858 { transition: all 200ms ease; /* */ /* */ /* */ background: #999999; background: -webkit-gradient(linear, left top, left bottom, from(to top), color-stop(#999999), to(#FFFFFF)); background: linear-gradient(to top, #999999, #FFFFFF); /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 100%; /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(0, 0, 0, 1.00); margin: 10px 10px 10px 10px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_9858:hover { /* */ /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(253, 128, 8, 1.00); /* */ } #stacks_in_9858:hover .press-icon i { /* */ color: rgba(253, 128, 8, 1.00); /* */ } #stacks_in_9858:active { /* */ /* */ /* */ /* */ color: rgba(204, 0, 0, 1.00); /* */ } #stacks_in_9858:active .press-icon i { /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_9858 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 8px 14px 8px 14px; border-radius: 0px 0px 0px 0px; /* */ /* */ background: rgba(204, 204, 204, 1.00); /* */ /* */ /* */ /* */ /* */ margin-right: 7px; /* */ /* */ /* */ } #stacks_in_9858 .press-icon i { font-size: 17px; color: rgba(0, 0, 0, 1.00); vertical-align: middle; } #stacks_in_9858 .press-text { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 13px; padding: 5px 10px 5px 10px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 16px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_9858 .press-text .out { margin: 0 !important; } #stacks_in_9858 { font-size: 13px; line-height: 16px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } /* -- Start Anchor Each css Template -- */ .stacks_in_6263anchorStack{ height: 0px !important; padding: 0 !important; margin: 0 !important; } .stacks_in_6263editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_6263editInfo i{ vertical-align: middle; } .stacks_in_6263editInfo:before{ content:"#da8"; float: right; } .stacks_in_6263editInfo:after{ content:""; display: table; clear: both; } .stacks_in_6263topOffset{ position: relative; height: 70; background: #ecf0f1; border: 1px solid #bdc3c7; border-top-right-radius: 2px; border-top-left-radius: 2px; margin-bottom: -2px; } .stacks_in_6263topOffset:after{ content: "Top Offset"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #7f8c8d; } /* -- End Anchor Each css Template -- *//* -- Start Anchor Each css Template -- */ .stacks_in_7513editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_7513editInfo i{ vertical-align: middle; } .stacks_in_7513editInfo:before{ content:"#da9"; float: right; } .stacks_in_7513editInfo:after{ content:""; display: table; clear: both; } .stacks_in_7513topOffset{ position: relative; height: 50; background: #ecf0f1; border: 1px solid #bdc3c7; border-top-right-radius: 2px; border-top-left-radius: 2px; margin-bottom: -2px; } .stacks_in_7513topOffset:after{ content: "Top Offset"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #7f8c8d; } /* -- End Anchor Each css Template -- */@font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_in_7514_press.press-lite { box-sizing: border-box; position: relative; /* */ cursor: pointer; /* */ padding: 12px 24px; border-radius: 4px; text-decoration: none; display: inline-block; margin: 0; font-size: 16px; line-height: 16px; /* */ /* */ background-color: rgba(253, 174, 31, 1.00); /* */ /* */ /* */ /* */ /* */ font-family: ; /* */ border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.15); } #stacks_in_7514_press.press-lite:focus {outline:0;} #stacks_in_7514_press_wrap { /* */ display: inline-block; /* */ /* */ /* */ margin: 12px 0px 12px 0px; } #stacks_in_7514_press.press-lite { white-space: nowrap; } #stacks_in_7514_press.press-lite .press-lite-text span, #stacks_in_7514_press.press-lite .press-lite-text:after { overflow: hidden; color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_7514_press.press-lite, #stacks_in_7514_press.press-lite .press-lite-text, #stacks_in_7514_press.press-lite .press-lite-text:after, #stacks_in_7514_press.press-lite .press-lite-text > span, #stacks_in_7514_press.press-lite .press-lite-icon i, #stacks_in_7514_press.press-lite .press-lite-icon img, #stacks_in_7514_press.press-lite .press-lite-icon svg, #stacks_in_7514_press.press-lite .press-lite-icon svg path, #stacks_in_7514_press.press-lite .press-lite-icon svg polyline, #stacks_in_7514_press.press-lite .press-lite-icon:after { transition: all 200ms ease; } #stacks_in_7514_press.press-lite .press-lite-text { z-index: 1; position: relative; } #stacks_in_7514_press.press-lite .press-lite-icon i, #stacks_in_7514_press.press-lite .press-lite-icon img { position: relative; color: rgba(51, 51, 51, 1.00); display: inline-block; /* */ margin-right: 8px; /* */ font-size: 16px; line-height: 16px; z-index: 1; } #stacks_in_7514_press.press-lite .press-lite-icon img { height: 16px; width: auto; vertical-align: top; } #stacks_in_7514_press.press-lite .press-lite-icon svg { display: inline-block; /* */ margin-right: 8px; /* */ height: 20.000000px; z-index: 1; } /* */ #stacks_in_7514_press.press-lite .press-lite-icon.press-lite-icon-off svg { transform: translateX(5%); } #stacks_in_7514_press.press-lite .press-lite-icon svg path { fill: rgba(51, 51, 51, 1.00); } #stacks_in_7514_press.press-lite .press-lite-icon svg polyline { fill:none; stroke: rgba(51, 51, 51, 1.00); stroke-linecap:round; stroke-linejoin:round; stroke-width:48px; } #stacks_in_7514_press.press-lite:active, #stacks_in_7514_press.press-lite:focus { transform: translate(0,0); } /* */ /* */ #stacks_in_7514_press.press-lite:hover { background: rgba(235, 235, 235, 0.50); } /* */ /* */ /* */ #stacks_in_7514_press.press-lite { padding: 0; } #stacks_in_7514_press.press-lite .press-lite-text { position: relative; z-index: 1; display: inline-block; padding: 12px 24px 12px 13px; } #stacks_in_7514_press.press-lite .press-lite-icon i, #stacks_in_7514_press.press-lite .press-lite-icon img, #stacks_in_7514_press.press-lite .press-lite-icon svg { margin: 0; } #stacks_in_7514_press.press-lite .press-lite-icon { padding: 0px; display: grid; float:left; align-content: center; justify-content: center; width: 40px; height: 40px; text-align: center; } #stacks_in_7514_press.press-lite .press-lite-icon:after { content: ""; color: transparent; position: absolute; top: -1px; left: -1px; bottom: -1px; background: rgba(0, 0, 0, 0.00); border-radius: 4px 0px 0px 4px; width: 40px; height: 42px; } /* */ /* */ /* */ /* */ /* */ /* */ #stacks_in_7514_press.press-lite:active { box-shadow: inset 0px 0px 0px 300px rgba(0,0,0,0.1); } /* */ #stacks_in_7514_press.press-lite .press-lite-lines { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; display: grid; } #stacks_in_7514_press.press-lite .press-lite-line-t, #stacks_in_7514_press.press-lite .press-lite-line-b { position: absolute; height: 1px; width: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_7514_press.press-lite .press-lite-line-l, #stacks_in_7514_press.press-lite .press-lite-line-r { position: absolute; width: 1px; height: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_7514_press.press-lite .press-lite-line-t { top: 0; } #stacks_in_7514_press.press-lite .press-lite-line-b { bottom: 0; width: 100%; } #stacks_in_7514_press.press-lite .press-lite-line-l { left: 0; } #stacks_in_7514_press.press-lite .press-lite-line-r { right: 0; } /* */ /* */ /* */ /* */ #stacks_in_6267 h3,#stacks_in_6267 h3 a,#stacks_in_6267 p,#stacks_in_6267 p a{ font-size:16px; line-height:1.25em; margin:0; } #stacks_in_6267 h3,#stacks_in_6267 h3 a,#stacks_in_6267 p,#stacks_in_6267 p a{ color:rgba(250, 255, 255, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_6267 p a:hover, #stacks_in_6267 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_6267 { background-color: rgba(2, 31, 57, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; padding: 20px; } #stacks_in_6269 { background-color: rgba(230, 230, 230, 0.70); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; padding: 10px; } /* -- Start Swell Each css Template -- */ #stacks_in_6272{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_6272swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_6272swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_6272swell{ max-width: 800px; } .stacks_in_6272swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_6272swell-with-zoom .mfp-container,.stacks_in_6272swell-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 198.000015ms ease-out; -moz-transition: all 198.000015ms ease-out; -o-transition: all 198.000015ms ease-out; transition: all 198.000015ms ease-out; } .stacks_in_6272swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_6272swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_6272swell-with-zoom.mfp-removing .mfp-container,.stacks_in_6272swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_6272 .swellzoomeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_6272 .swellshrinkeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_6272 .swellcircleeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #stacks_in_6272 .swellthreedeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media all and (min-width: 480px) { #stacks_in_6272 .swellzoomeffect img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } #stacks_in_6272 .swellshrinkeffect img:hover{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9); } #stacks_in_6272 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_6272 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_6272 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_6272 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_6272 .swellthreedeffect:hover{ box-shadow: 1px 1px rgba(242, 88, 95, 1.00), 2px 2px rgba(242, 88, 95, 1.00), 3px 3px rgba(242, 88, 95, 1.00); -webkit-transform: translateX(-3px); transform: translateX(-3px); } } /* -- End Swell Each css Template -- */ #stacks_in_6301 hr{border:0;height:0;width:100%;margin:0;padding:0}#stacks_in_6301 hr.gradient{height:1px;background:#333;background-image:-webkit-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:-moz-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:-ms-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:-o-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:linear-gradient(left,#CCCCCC,#333333,#CCCCCC)}#stacks_in_6301 hr.faded{height:1px;background-image:-webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0))}#stacks_in_6301 hr.dashed_fade{border-bottom:1px dashed #7E7E7E;background:#333333}#stacks_in_6301 hr.dotted_fade{border-bottom:1px dotted #7E7E7E;background:#333333}#stacks_in_6301 hr.dashed{border-bottom:1px dashed #333333}#stacks_in_6301 hr.dotted{border-bottom:1px dotted #7E7E7E}#stacks_in_6301 hr.shadow{height:1px;box-shadow:inset 0 1px 1px -1px rgba(0,0,0,0.5)}#stacks_in_6301 hr.cloudy{margin:1px 0;box-shadow:0 0 1px 1px #333333}#stacks_in_6301 hr.cloudy:after{content:"\00a0"}#stacks_in_6301 hr.inset{border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(255,255,255,0.3)}#stacks_in_6301 hr.inset_two{border-top:1px solid #CCCCCC;border-bottom:1px solid #333333}#stacks_in_6301 hr.inset_three{border-top:1px solid #333333;border-bottom:1px solid #CCCCCC}#stacks_in_6301 hr.inset_four{border-top:1px solid #333333;border-bottom:1px solid #CCCCCC}#stacks_in_6301 hr.flared{height:30px;border-style:solid;border-color:#333333;border-width:1px 0 0 0;border-radius:20px;margin-top:12px}#stacks_in_6301 hr.flared:before{display:block;content:"";height:30px;margin-top:-31px;border-style:solid;border-color:#333333;border-width:0 0 1px 0;border-radius:20px}#stacks_in_6301 hr.glyph{padding:0;border:0;border-top:1px double #333333;color:#333333;text-align:center;margin:1em 0}#stacks_in_6301 hr.glyph:after{content:"§";display:inline-block;position:relative;top:-0.00em;font-size:1.5em;padding:0 .25em;background:#FFFFFF} #stacks_in_6301 { margin: 11px; } #stacks_in_6299 h3,#stacks_in_6299 h3 a,#stacks_in_6299 p,#stacks_in_6299 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_6299 h3,#stacks_in_6299 h3 a,#stacks_in_6299 p,#stacks_in_6299 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_6299 h3,#stacks_in_6299 h3 a,#stacks_in_6299 p,#stacks_in_6299 p a{ font-size:12px; } } #stacks_in_6299 h3,#stacks_in_6299 h3 a,#stacks_in_6299 p,#stacks_in_6299 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_6299 p a:hover, #stacks_in_6299 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_6299 { margin: 10px; } #stacks_out_6299 { margin-right:0; } #stacks_in_6300 { font-size: 99%; } #stacks_in_6559 h3,#stacks_in_6559 h3 a,#stacks_in_6559 p,#stacks_in_6559 p a{ font-size:16px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_6559 h3,#stacks_in_6559 h3 a,#stacks_in_6559 p,#stacks_in_6559 p a{ font-size:15px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_6559 h3,#stacks_in_6559 h3 a,#stacks_in_6559 p,#stacks_in_6559 p a{ font-size:13px; } } #stacks_in_6559 h3,#stacks_in_6559 h3 a,#stacks_in_6559 p,#stacks_in_6559 p a{ color:rgba(255, 255, 255, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_6559 p a:hover, #stacks_in_6559 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_6559 { background-color: rgba(0, 64, 128, 1.00); margin: 10px 0px 10px 0px; padding: 10px; } #stacks_out_6559 { margin-right:0; } #stacks_in_6560 { font-size: 99%; } /* ********* */ /* Normalize */ /* ********* */ /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ #stacks_in_6561 article, #stacks_in_6561 aside, #stacks_in_6561 details, #stacks_in_6561 figcaption, #stacks_in_6561 figure, #stacks_in_6561 footer, #stacks_in_6561 header, #stacks_in_6561 hgroup, #stacks_in_6561 main, #stacks_in_6561 nav, #stacks_in_6561 section, #stacks_in_6561 summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ #stacks_in_6561 audio, #stacks_in_6561 canvas, #stacks_in_6561 progress, #stacks_in_6561 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ #stacks_in_6561 audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ #stacks_in_6561 [hidden], #stacks_in_6561 template { display: none; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ #stacks_in_6561 img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ #stacks_in_6561 svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address differences between Firefox and other browsers. */ #stacks_in_6561 hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ #stacks_in_6561 pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ #stacks_in_6561 code, #stacks_in_6561 kbd, #stacks_in_6561 pre, #stacks_in_6561 samp { font-family: monospace, monospace; font-size: 1em; } /* **************** */ /* Stack Specific */ /* **************** */ #stacks_in_6561 *, #stacks_in_6561 *:before, #stacks_in_6561 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_6561 .wow { visibility: hidden; } /* We use this media query to add styles to any device that supports media queries */ @media only screen { #stacks_in_6561 .column_base_margin { margin-bottom: 0px; } } @media only screen and (max-width: 1024px) { #stacks_in_6561 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 768px wide. */ @media only screen and (max-width: 768px) { #stacks_in_6561 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 480px wide. */ @media only screen and (max-width: 640px) { #stacks_in_6561 .column_base_margin { margin-bottom: 0px; } } /* Handles making images responsive inside the stack */ #stacks_in_6561 img { max-width: 100%; height: auto; } /* **************** */ /* Foundation START */ /* **************** */ /* Copyright (c) 2013-2014 ZURB, inc. MIT License 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. */ #stacks_in_6561 meta.foundation-version { font-family: "/5.3.1/"; } #stacks_in_6561 meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } #stacks_in_6561 meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } #stacks_in_6561 meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } #stacks_in_6561 meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } #stacks_in_6561 meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } #stacks_in_6561 meta.foundation-data-attribute-namespace { font-family: false; } #stacks_in_6561 *, #stacks_in_6561 *:before, #stacks_in_6561 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_6561 .left { float: left !important; } #stacks_in_6561 .right { float: right !important; } #stacks_in_6561 .clearfix:before, #stacks_in_6561 .clearfix:after { content: " "; display: table; } #stacks_in_6561 .clearfix:after { clear: both; } #stacks_in_6561 .hide { display: none; } #stacks_in_6561 .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_6561 img { display: inline-block; vertical-align: middle; } #stacks_in_6561 textarea { height: auto; min-height: 50px; } #stacks_in_6561 select { width: 100%; } #stacks_in_6561 .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } #stacks_in_6561 .row:before, #stacks_in_6561 .row:after { content: " "; display: table; } #stacks_in_6561 .row:after { clear: both; } #stacks_in_6561 .row.collapse > .column, #stacks_in_6561 .row.collapse > .columns { padding-left: 0; padding-right: 0; } #stacks_in_6561 .row.collapse .row { margin-left: 0; margin-right: 0; } #stacks_in_6561 .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; } #stacks_in_6561 .row .row:before, #stacks_in_6561 .row .row:after { content: " "; display: table; } #stacks_in_6561 .row .row:after { clear: both; } #stacks_in_6561 .row .row.collapse { width: auto; margin: 0; max-width: none; } #stacks_in_6561 .row .row.collapse:before, #stacks_in_6561 .row .row.collapse:after { content: " "; display: table; } #stacks_in_6561 .row .row.collapse:after { clear: both; } #stacks_in_6561 .column, #stacks_in_6561 .columns { padding-left: 0.9375em; padding-right: 0.9375em; margin-right: 0; /* Fixes comaptiblity with some themes using skeleton.css */ margin-left: 0; /* Fixes comaptiblity with some themes using skeleton.css */ width: 100%; float: left; } #stacks_in_6561 [class*="column"] + [class*="column"]:last-child { float: right; } #stacks_in_6561 [class*="column"] + [class*="column"].end { float: left; } @media only screen { #stacks_in_6561 .small-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6561 .small-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6561 .small-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6561 .small-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6561 .small-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6561 .small-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6561 .small-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6561 .small-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6561 .small-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6561 .small-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6561 .small-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6561 .small-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6561 .small-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6561 .small-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6561 .small-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6561 .small-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6561 .small-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6561 .small-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6561 .small-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6561 .small-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6561 .small-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6561 .small-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6561 .small-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6561 .small-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_6561 .column, #stacks_in_6561 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_6561 .small-1 { width: 8.33333%; } #stacks_in_6561 .small-2 { width: 16.66667%; } #stacks_in_6561 .small-3 { width: 25%; } #stacks_in_6561 .small-4 { width: 33.33333%; } #stacks_in_6561 .small-5 { width: 41.66667%; } #stacks_in_6561 .small-6 { width: 50%; } #stacks_in_6561 .small-7 { width: 58.33333%; } #stacks_in_6561 .small-8 { width: 66.66667%; } #stacks_in_6561 .small-9 { width: 75%; } #stacks_in_6561 .small-10 { width: 83.33333%; } #stacks_in_6561 .small-11 { width: 91.66667%; } #stacks_in_6561 .small-12 { width: 100%; } #stacks_in_6561 .small-offset-0 { margin-left: 0% !important; } #stacks_in_6561 .small-offset-1 { margin-left: 8.33333% !important; } #stacks_in_6561 .small-offset-2 { margin-left: 16.66667% !important; } #stacks_in_6561 .small-offset-3 { margin-left: 25% !important; } #stacks_in_6561 .small-offset-4 { margin-left: 33.33333% !important; } #stacks_in_6561 .small-offset-5 { margin-left: 41.66667% !important; } #stacks_in_6561 .small-offset-6 { margin-left: 50% !important; } #stacks_in_6561 .small-offset-7 { margin-left: 58.33333% !important; } #stacks_in_6561 .small-offset-8 { margin-left: 66.66667% !important; } #stacks_in_6561 .small-offset-9 { margin-left: 75% !important; } #stacks_in_6561 .small-offset-10 { margin-left: 83.33333% !important; } #stacks_in_6561 .small-offset-11 { margin-left: 91.66667% !important; } #stacks_in_6561 .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_6561 .column.small-centered, #stacks_in_6561 .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_6561 .column.small-uncentered, #stacks_in_6561 .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_6561 .column.small-centered:last-child, #stacks_in_6561 .columns.small-centered:last-child { float: none; } #stacks_in_6561 .column.small-uncentered:last-child, #stacks_in_6561 .columns.small-uncentered:last-child { float: left; } #stacks_in_6561 .column.small-uncentered.opposite, #stacks_in_6561 .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 40.063em) { #stacks_in_6561 .medium-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6561 .medium-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6561 .medium-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6561 .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6561 .medium-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6561 .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6561 .medium-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6561 .medium-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6561 .medium-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6561 .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6561 .medium-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6561 .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6561 .medium-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6561 .medium-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6561 .medium-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6561 .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6561 .medium-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6561 .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6561 .medium-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6561 .medium-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6561 .medium-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6561 .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6561 .medium-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6561 .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_6561 .column, #stacks_in_6561 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_6561 .medium-1 { width: 8.33333%; } #stacks_in_6561 .medium-2 { width: 16.66667%; } #stacks_in_6561 .medium-3 { width: 25%; } #stacks_in_6561 .medium-4 { width: 33.33333%; } #stacks_in_6561 .medium-5 { width: 41.66667%; } #stacks_in_6561 .medium-6 { width: 50%; } #stacks_in_6561 .medium-7 { width: 58.33333%; } #stacks_in_6561 .medium-8 { width: 66.66667%; } #stacks_in_6561 .medium-9 { width: 75%; } #stacks_in_6561 .medium-10 { width: 83.33333%; } #stacks_in_6561 .medium-11 { width: 91.66667%; } #stacks_in_6561 .medium-12 { width: 100%; } #stacks_in_6561 .medium-offset-0 { margin-left: 0% !important; } #stacks_in_6561 .medium-offset-1 { margin-left: 8.33333% !important; } #stacks_in_6561 .medium-offset-2 { margin-left: 16.66667% !important; } #stacks_in_6561 .medium-offset-3 { margin-left: 25% !important; } #stacks_in_6561 .medium-offset-4 { margin-left: 33.33333% !important; } #stacks_in_6561 .medium-offset-5 { margin-left: 41.66667% !important; } #stacks_in_6561 .medium-offset-6 { margin-left: 50% !important; } #stacks_in_6561 .medium-offset-7 { margin-left: 58.33333% !important; } #stacks_in_6561 .medium-offset-8 { margin-left: 66.66667% !important; } #stacks_in_6561 .medium-offset-9 { margin-left: 75% !important; } #stacks_in_6561 .medium-offset-10 { margin-left: 83.33333% !important; } #stacks_in_6561 .medium-offset-11 { margin-left: 91.66667% !important; } #stacks_in_6561 .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_6561 .column.medium-centered, #stacks_in_6561 .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_6561 .column.medium-uncentered, #stacks_in_6561 .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_6561 .column.medium-centered:last-child, #stacks_in_6561 .columns.medium-centered:last-child { float: none; } #stacks_in_6561 .column.medium-uncentered:last-child, #stacks_in_6561 .columns.medium-uncentered:last-child { float: left; } #stacks_in_6561 .column.medium-uncentered.opposite, #stacks_in_6561 .columns.medium-uncentered.opposite { float: right; } #stacks_in_6561 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6561 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6561 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6561 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6561 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6561 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6561 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6561 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6561 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6561 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6561 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6561 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6561 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6561 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6561 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6561 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6561 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6561 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6561 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6561 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6561 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6561 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6561 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6561 .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { #stacks_in_6561 .large-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6561 .large-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6561 .large-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6561 .large-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6561 .large-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6561 .large-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6561 .large-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6561 .large-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6561 .large-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6561 .large-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6561 .large-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6561 .large-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6561 .large-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6561 .large-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6561 .large-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6561 .large-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6561 .large-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6561 .large-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6561 .large-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6561 .large-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6561 .large-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6561 .large-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6561 .large-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6561 .large-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_6561 .column, #stacks_in_6561 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_6561 .large-1 { width: 8.33333%; } #stacks_in_6561 .large-2 { width: 16.66667%; } #stacks_in_6561 .large-3 { width: 25%; } #stacks_in_6561 .large-4 { width: 33.33333%; } #stacks_in_6561 .large-5 { width: 41.66667%; } #stacks_in_6561 .large-6 { width: 50%; } #stacks_in_6561 .large-7 { width: 58.33333%; } #stacks_in_6561 .large-8 { width: 66.66667%; } #stacks_in_6561 .large-9 { width: 75%; } #stacks_in_6561 .large-10 { width: 83.33333%; } #stacks_in_6561 .large-11 { width: 91.66667%; } #stacks_in_6561 .large-12 { width: 100%; } #stacks_in_6561 .large-offset-0 { margin-left: 0% !important; } #stacks_in_6561 .large-offset-1 { margin-left: 8.33333% !important; } #stacks_in_6561 .large-offset-2 { margin-left: 16.66667% !important; } #stacks_in_6561 .large-offset-3 { margin-left: 25% !important; } #stacks_in_6561 .large-offset-4 { margin-left: 33.33333% !important; } #stacks_in_6561 .large-offset-5 { margin-left: 41.66667% !important; } #stacks_in_6561 .large-offset-6 { margin-left: 50% !important; } #stacks_in_6561 .large-offset-7 { margin-left: 58.33333% !important; } #stacks_in_6561 .large-offset-8 { margin-left: 66.66667% !important; } #stacks_in_6561 .large-offset-9 { margin-left: 75% !important; } #stacks_in_6561 .large-offset-10 { margin-left: 83.33333% !important; } #stacks_in_6561 .large-offset-11 { margin-left: 91.66667% !important; } #stacks_in_6561 .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_6561 .column.large-centered, #stacks_in_6561 .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_6561 .column.large-uncentered, #stacks_in_6561 .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_6561 .column.large-centered:last-child, #stacks_in_6561 .columns.large-centered:last-child { float: none; } #stacks_in_6561 .column.large-uncentered:last-child, #stacks_in_6561 .columns.large-uncentered:last-child { float: left; } #stacks_in_6561 .column.large-uncentered.opposite, #stacks_in_6561 .columns.large-uncentered.opposite { float: right; } #stacks_in_6561 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6561 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6561 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6561 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6561 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6561 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6561 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6561 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6561 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6561 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6561 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6561 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6561 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6561 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6561 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6561 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6561 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6561 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6561 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6561 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6561 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6561 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6561 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6561 .pull-11 { position: relative; right: 91.66667%; left: auto; } } #stacks_in_6561 [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } #stacks_in_6561 [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } #stacks_in_6561 [class*="block-grid-"]:after { clear: both; } #stacks_in_6561 [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { #stacks_in_6561 .small-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_6561 .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_6561 .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_6561 .small-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_6561 .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_6561 .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_6561 .small-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_6561 .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_6561 .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_6561 .small-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_6561 .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_6561 .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_6561 .small-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_6561 .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_6561 .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_6561 .small-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_6561 .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_6561 .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_6561 .small-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_6561 .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_6561 .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_6561 .small-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_6561 .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_6561 .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_6561 .small-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_6561 .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_6561 .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_6561 .small-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_6561 .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_6561 .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_6561 .small-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_6561 .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_6561 .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_6561 .small-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_6561 .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_6561 .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { #stacks_in_6561 .medium-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_6561 .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_6561 .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_6561 .medium-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_6561 .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_6561 .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_6561 .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_6561 .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_6561 .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_6561 .medium-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_6561 .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_6561 .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_6561 .medium-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_6561 .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_6561 .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_6561 .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_6561 .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_6561 .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_6561 .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_6561 .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_6561 .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_6561 .medium-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_6561 .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_6561 .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_6561 .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_6561 .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_6561 .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_6561 .medium-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_6561 .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_6561 .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_6561 .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_6561 .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_6561 .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_6561 .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_6561 .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_6561 .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { #stacks_in_6561 .large-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_6561 .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_6561 .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_6561 .large-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_6561 .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_6561 .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_6561 .large-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_6561 .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_6561 .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_6561 .large-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_6561 .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_6561 .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_6561 .large-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_6561 .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_6561 .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_6561 .large-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_6561 .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_6561 .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_6561 .large-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_6561 .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_6561 .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_6561 .large-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_6561 .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_6561 .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_6561 .large-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_6561 .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_6561 .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_6561 .large-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_6561 .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_6561 .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_6561 .large-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_6561 .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_6561 .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_6561 .large-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_6561 .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_6561 .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } #stacks_in_6561 { background-color: rgba(204, 204, 204, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; margin: 0px 0px 10px 0px; padding: 0px 5px 0px 5px; } #stacks_in_6562 h3,#stacks_in_6562 h3 a,#stacks_in_6562 p,#stacks_in_6562 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_6562 h3,#stacks_in_6562 h3 a,#stacks_in_6562 p,#stacks_in_6562 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_6562 h3,#stacks_in_6562 h3 a,#stacks_in_6562 p,#stacks_in_6562 p a{ font-size:12px; } } #stacks_in_6562 h3,#stacks_in_6562 h3 a,#stacks_in_6562 p,#stacks_in_6562 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_6562 p a:hover, #stacks_in_6562 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_6562 { margin: 10px 0px 10px 20px; padding: 0px 5px 0px 5px; } #stacks_out_6562 { margin-right:0; } #stacks_in_6563 { font-size: 99%; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_6565, #stacks_in_6565 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_6565 { padding: 20px 0px !important; } #press_alignment_stacks_in_6565 { width: 100%; } #press_alignment_stacks_in_6565.press-left { text-align: left; } #press_alignment_stacks_in_6565.press-center { text-align: center; } #press_alignment_stacks_in_6565.press-right { text-align: right; } #stacks_in_6565 { transition: all 200ms ease; /* */ /* */ /* */ background: #4DCB61; background: -webkit-gradient(linear, left top, left bottom, from(to bottom), color-stop(#4DCB61), to(#16AB54)); background: linear-gradient(to bottom, #4DCB61, #16AB54); /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 10px 15px 10px 15px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_6565:hover { /* */ /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_6565:hover .press-icon i { /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_6565:active { /* */ /* */ /* */ /* */ } #stacks_in_6565:active .press-icon i { /* */ } #stacks_in_6565 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 10px 15px 10px 15px; border-radius: 0px 0px 0px 0px; /* */ /* */ /* */ background: #52A37C; background: -webkit-gradient(linear, left top, left bottom, from(to right), color-stop(#52A37C), to(#0D6634)); background: linear-gradient(to right, #52A37C, #0D6634); /* */ /* */ /* */ /* */ margin-right: 0px; /* */ /* */ /* */ } #stacks_in_6565 .press-icon i { font-size: 20px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_6565 .press-text { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; padding: 5px 10px 5px 10px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 16px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_6565 .press-text .out { margin: 0 !important; } #stacks_in_6565 { font-size: 12px; line-height: 16px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } /* -- Start Anchor Each css Template -- */ .stacks_in_7510editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_7510editInfo i{ vertical-align: middle; } .stacks_in_7510editInfo:before{ content:"#da9"; float: right; } .stacks_in_7510editInfo:after{ content:""; display: table; clear: both; } .stacks_in_7510topOffset{ position: relative; height: 50; background: #ecf0f1; border: 1px solid #bdc3c7; border-top-right-radius: 2px; border-top-left-radius: 2px; margin-bottom: -2px; } .stacks_in_7510topOffset:after{ content: "Top Offset"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #7f8c8d; } /* -- End Anchor Each css Template -- */ #stacks_in_7401 { margin: 0px 20px 0px 20px; } #stacks_in_7443 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_7443 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_7443 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_7445 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_7445 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_7445 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_7447 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_7447 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_7447 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_7449 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_7449 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_7449 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_7451 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_7451 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_7451 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }.hp_stacks_in_7486 .hp-bg-layer { background-color : rgba(215, 217, 217, 1.00); } .hp_stacks_in_7486 .hp-fg-layer { min-height: 100vh; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; } .hp_stacks_in_7486 .hp-fg-layer .hp-section { max-width: 1280px; width: calc(100% - 60px); margin:0 auto; } .hp_stacks_in_7486 .hp-fg-layer > .hp-layer-2, .hp_stacks_in_7486 .hp-fg-layer > .hp-layer-4 { display: none; } .hp_stacks_in_7486 .hp-fg-layer .hp-svg-wrap > .hp-extend, .hp_stacks_in_7486 .hp-fg-layer .hp-layer-2 .hp-svg-wrap .hp-wave-1, .hp_stacks_in_7486 .hp-fg-layer .hp-layer-3 .hp-svg-wrap .hp-wave-2, .hp_stacks_in_7486 .hp-fg-layer .hp-layer-4 .hp-svg-wrap .hp-wave-3 { display: block; } .hp_stacks_in_7486 .hp-fg-layer .hp-layer-3 .hp-svg-wrap .hp-wave-2 { -webkit-transform: translateX(-50%) rotateY(180deg); transform: translateX(-50%) rotateY(180deg); left: 50%; position: relative; } @media all and (min-width:1920px){ .hp_stacks_in_7486 .hp-svg-wrap svg{ height:240px } .hp_stacks_in_7486 .hp-fg-layer .hp-horizon-content{ padding-bottom:240px } .hp_stacks_in_7486 .hp-fg-layer .hp-svg-wrap svg{ position:absolute; top:-240px } } #stacks_in_7490 { padding: 0px 10px 0px 10px; } #stacks_in_4299 h3,#stacks_in_4299 h3 a,#stacks_in_4299 p,#stacks_in_4299 p a{ font-size:16px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_4299 h3,#stacks_in_4299 h3 a,#stacks_in_4299 p,#stacks_in_4299 p a{ font-size:15px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_4299 h3,#stacks_in_4299 h3 a,#stacks_in_4299 p,#stacks_in_4299 p a{ font-size:13px; } } #stacks_in_4299 h3,#stacks_in_4299 h3 a,#stacks_in_4299 p,#stacks_in_4299 p a{ color:rgba(255, 255, 255, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:center; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; text-shadow: 0px 1px 1px rgba(1, 2, 2, 1.00); } #stacks_in_4299 p a:hover, #stacks_in_4299 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_4299 { background-color: rgba(0, 64, 128, 1.00); border: solid rgba(102, 102, 102, 1.00); border-width: 1px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 10px; padding: 10px; } #stacks_out_4299 { width: 50%; } #stacks_in_4300 { font-size: 99%; } /* -- Start Anchor Each css Template -- */ .stacks_in_5645anchorStack{ height: 0px !important; padding: 0 !important; margin: 0 !important; } .stacks_in_5645editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_5645editInfo i{ vertical-align: middle; } .stacks_in_5645editInfo:before{ content:"#da5"; float: right; } .stacks_in_5645editInfo:after{ content:""; display: table; clear: both; } .stacks_in_5645topOffset{ position: relative; height: 70; background: #ecf0f1; border: 1px solid #bdc3c7; border-top-right-radius: 2px; border-top-left-radius: 2px; margin-bottom: -2px; } .stacks_in_5645topOffset:after{ content: "Top Offset"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #7f8c8d; } /* -- End Anchor Each css Template -- *//* -- Start Anchor Each css Template -- */ .stacks_in_6166editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_6166editInfo i{ vertical-align: middle; } .stacks_in_6166editInfo:before{ content:"#da9"; float: right; } .stacks_in_6166editInfo:after{ content:""; display: table; clear: both; } .stacks_in_6166topOffset{ position: relative; height: 50; background: #ecf0f1; border: 1px solid #bdc3c7; border-top-right-radius: 2px; border-top-left-radius: 2px; margin-bottom: -2px; } .stacks_in_6166topOffset:after{ content: "Top Offset"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #7f8c8d; } /* -- End Anchor Each css Template -- */@font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_in_6167_press.press-lite { box-sizing: border-box; position: relative; /* */ cursor: pointer; /* */ padding: 12px 24px; border-radius: 4px; text-decoration: none; display: inline-block; margin: 0; font-size: 16px; line-height: 16px; /* */ /* */ background-color: rgba(253, 174, 31, 1.00); /* */ /* */ /* */ /* */ /* */ font-family: ; /* */ border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.15); } #stacks_in_6167_press.press-lite:focus {outline:0;} #stacks_in_6167_press_wrap { /* */ display: inline-block; /* */ /* */ /* */ margin: 12px 0px 12px 0px; } #stacks_in_6167_press.press-lite { white-space: nowrap; } #stacks_in_6167_press.press-lite .press-lite-text span, #stacks_in_6167_press.press-lite .press-lite-text:after { overflow: hidden; color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_6167_press.press-lite, #stacks_in_6167_press.press-lite .press-lite-text, #stacks_in_6167_press.press-lite .press-lite-text:after, #stacks_in_6167_press.press-lite .press-lite-text > span, #stacks_in_6167_press.press-lite .press-lite-icon i, #stacks_in_6167_press.press-lite .press-lite-icon img, #stacks_in_6167_press.press-lite .press-lite-icon svg, #stacks_in_6167_press.press-lite .press-lite-icon svg path, #stacks_in_6167_press.press-lite .press-lite-icon svg polyline, #stacks_in_6167_press.press-lite .press-lite-icon:after { transition: all 200ms ease; } #stacks_in_6167_press.press-lite .press-lite-text { z-index: 1; position: relative; } #stacks_in_6167_press.press-lite .press-lite-icon i, #stacks_in_6167_press.press-lite .press-lite-icon img { position: relative; color: rgba(51, 51, 51, 1.00); display: inline-block; /* */ margin-right: 8px; /* */ font-size: 16px; line-height: 16px; z-index: 1; } #stacks_in_6167_press.press-lite .press-lite-icon img { height: 16px; width: auto; vertical-align: top; } #stacks_in_6167_press.press-lite .press-lite-icon svg { display: inline-block; /* */ margin-right: 8px; /* */ height: 20.000000px; z-index: 1; } /* */ #stacks_in_6167_press.press-lite .press-lite-icon.press-lite-icon-off svg { transform: translateX(5%); } #stacks_in_6167_press.press-lite .press-lite-icon svg path { fill: rgba(51, 51, 51, 1.00); } #stacks_in_6167_press.press-lite .press-lite-icon svg polyline { fill:none; stroke: rgba(51, 51, 51, 1.00); stroke-linecap:round; stroke-linejoin:round; stroke-width:48px; } #stacks_in_6167_press.press-lite:active, #stacks_in_6167_press.press-lite:focus { transform: translate(0,0); } /* */ /* */ #stacks_in_6167_press.press-lite:hover { background: rgba(235, 235, 235, 0.50); } /* */ /* */ /* */ #stacks_in_6167_press.press-lite { padding: 0; } #stacks_in_6167_press.press-lite .press-lite-text { position: relative; z-index: 1; display: inline-block; padding: 12px 24px 12px 13px; } #stacks_in_6167_press.press-lite .press-lite-icon i, #stacks_in_6167_press.press-lite .press-lite-icon img, #stacks_in_6167_press.press-lite .press-lite-icon svg { margin: 0; } #stacks_in_6167_press.press-lite .press-lite-icon { padding: 0px; display: grid; float:left; align-content: center; justify-content: center; width: 40px; height: 40px; text-align: center; } #stacks_in_6167_press.press-lite .press-lite-icon:after { content: ""; color: transparent; position: absolute; top: -1px; left: -1px; bottom: -1px; background: rgba(0, 0, 0, 0.00); border-radius: 4px 0px 0px 4px; width: 40px; height: 42px; } /* */ /* */ /* */ /* */ /* */ /* */ #stacks_in_6167_press.press-lite:active { box-shadow: inset 0px 0px 0px 300px rgba(0,0,0,0.1); } /* */ #stacks_in_6167_press.press-lite .press-lite-lines { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; display: grid; } #stacks_in_6167_press.press-lite .press-lite-line-t, #stacks_in_6167_press.press-lite .press-lite-line-b { position: absolute; height: 1px; width: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_6167_press.press-lite .press-lite-line-l, #stacks_in_6167_press.press-lite .press-lite-line-r { position: absolute; width: 1px; height: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_6167_press.press-lite .press-lite-line-t { top: 0; } #stacks_in_6167_press.press-lite .press-lite-line-b { bottom: 0; width: 100%; } #stacks_in_6167_press.press-lite .press-lite-line-l { left: 0; } #stacks_in_6167_press.press-lite .press-lite-line-r { right: 0; } /* */ /* */ /* */ /* */ #stacks_in_6237 h3,#stacks_in_6237 h3 a,#stacks_in_6237 p,#stacks_in_6237 p a{ font-size:16px; line-height:1.25em; margin:0; } #stacks_in_6237 h3,#stacks_in_6237 h3 a,#stacks_in_6237 p,#stacks_in_6237 p a{ color:rgba(250, 255, 255, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_6237 p a:hover, #stacks_in_6237 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_6237 { background-color: rgba(0, 64, 128, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; padding: 20px; } #stacks_in_6239 { background-color: rgba(250, 253, 253, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; padding: 10px; } /* -- Start Swell Each css Template -- */ #stacks_in_4121{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_4121swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_4121swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_4121swell{ max-width: 800px; } .stacks_in_4121swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_4121swell-with-zoom .mfp-container,.stacks_in_4121swell-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 198.000015ms ease-out; -moz-transition: all 198.000015ms ease-out; -o-transition: all 198.000015ms ease-out; transition: all 198.000015ms ease-out; } .stacks_in_4121swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_4121swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_4121swell-with-zoom.mfp-removing .mfp-container,.stacks_in_4121swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_4121 .swellzoomeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_4121 .swellshrinkeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_4121 .swellcircleeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #stacks_in_4121 .swellthreedeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media all and (min-width: 480px) { #stacks_in_4121 .swellzoomeffect img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } #stacks_in_4121 .swellshrinkeffect img:hover{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9); } #stacks_in_4121 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_4121 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_4121 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_4121 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_4121 .swellthreedeffect:hover{ box-shadow: 1px 1px rgba(242, 88, 95, 1.00), 2px 2px rgba(242, 88, 95, 1.00), 3px 3px rgba(242, 88, 95, 1.00); -webkit-transform: translateX(-3px); transform: translateX(-3px); } } /* -- End Swell Each css Template -- */ #stacks_out_4121 { width: 90%; } #stacks_in_4123 h4,#stacks_in_4123 h4 a,#stacks_in_4123 p,#stacks_in_4123 p a{ font-size:16px; line-height:1.51em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_4123 h4,#stacks_in_4123 h4 a,#stacks_in_4123 p,#stacks_in_4123 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_4123 h4,#stacks_in_4123 h4 a,#stacks_in_4123 p,#stacks_in_4123 p a{ font-size:13px; } } #stacks_in_4123 h4,#stacks_in_4123 h4 a,#stacks_in_4123 p,#stacks_in_4123 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_4123 p a:hover, #stacks_in_4123 h4 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_4123 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 10px; padding: 10px; } #stacks_out_4123 { margin-right:0; } #stacks_in_4320 hr{border:0;height:0;width:100%;margin:0;padding:0}#stacks_in_4320 hr.gradient{height:1px;background:#333;background-image:-webkit-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:-moz-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:-ms-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:-o-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:linear-gradient(left,#CCCCCC,#333333,#CCCCCC)}#stacks_in_4320 hr.faded{height:1px;background-image:-webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0))}#stacks_in_4320 hr.dashed_fade{border-bottom:1px dashed #7E7E7E;background:#333333}#stacks_in_4320 hr.dotted_fade{border-bottom:1px dotted #7E7E7E;background:#333333}#stacks_in_4320 hr.dashed{border-bottom:1px dashed #333333}#stacks_in_4320 hr.dotted{border-bottom:1px dotted #7E7E7E}#stacks_in_4320 hr.shadow{height:1px;box-shadow:inset 0 1px 1px -1px rgba(0,0,0,0.5)}#stacks_in_4320 hr.cloudy{margin:1px 0;box-shadow:0 0 1px 1px #333333}#stacks_in_4320 hr.cloudy:after{content:"\00a0"}#stacks_in_4320 hr.inset{border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(255,255,255,0.3)}#stacks_in_4320 hr.inset_two{border-top:1px solid #CCCCCC;border-bottom:1px solid #333333}#stacks_in_4320 hr.inset_three{border-top:1px solid #333333;border-bottom:1px solid #CCCCCC}#stacks_in_4320 hr.inset_four{border-top:1px solid #333333;border-bottom:1px solid #CCCCCC}#stacks_in_4320 hr.flared{height:30px;border-style:solid;border-color:#333333;border-width:1px 0 0 0;border-radius:20px;margin-top:12px}#stacks_in_4320 hr.flared:before{display:block;content:"";height:30px;margin-top:-31px;border-style:solid;border-color:#333333;border-width:0 0 1px 0;border-radius:20px}#stacks_in_4320 hr.glyph{padding:0;border:0;border-top:1px double #333333;color:#333333;text-align:center;margin:1em 0}#stacks_in_4320 hr.glyph:after{content:"§";display:inline-block;position:relative;top:-0.00em;font-size:1.5em;padding:0 .25em;background:#FFFFFF} #stacks_in_6034>.s3_row { margin: 0 -0px; } #stacks_in_6034>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_6034>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_6034>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { #stacks_in_6034>.s3_row { margin: -0px 0; } #stacks_in_6034>.s3_row>.s3_column { padding: 0px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_6034>.s3_row { margin: -0px 0; } #stacks_in_6034>.s3_row>.s3_column { padding: 0px 0; width:100%; } } #stacks_in_6038 h3,#stacks_in_6038 h3 a,#stacks_in_6038 p,#stacks_in_6038 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_6038 h3,#stacks_in_6038 h3 a,#stacks_in_6038 p,#stacks_in_6038 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_6038 h3,#stacks_in_6038 h3 a,#stacks_in_6038 p,#stacks_in_6038 p a{ font-size:12px; } } #stacks_in_6038 h3,#stacks_in_6038 h3 a,#stacks_in_6038 p,#stacks_in_6038 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_6038 p a:hover, #stacks_in_6038 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_6038 { margin: 10px; } #stacks_out_6038 { margin-right:0; } #stacks_in_6039 { font-size: 99%; } #stacks_in_6035 h3,#stacks_in_6035 h3 a,#stacks_in_6035 p,#stacks_in_6035 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_6035 h3,#stacks_in_6035 h3 a,#stacks_in_6035 p,#stacks_in_6035 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_6035 h3,#stacks_in_6035 h3 a,#stacks_in_6035 p,#stacks_in_6035 p a{ font-size:12px; } } #stacks_in_6035 h3,#stacks_in_6035 h3 a,#stacks_in_6035 p,#stacks_in_6035 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_6035 p a:hover, #stacks_in_6035 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_6035 { margin: 10px; } #stacks_out_6035 { margin-right:0; } #stacks_in_6036 { font-size: 99%; } #stacks_in_6061 h3,#stacks_in_6061 h3 a,#stacks_in_6061 p,#stacks_in_6061 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_6061 h3,#stacks_in_6061 h3 a,#stacks_in_6061 p,#stacks_in_6061 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_6061 h3,#stacks_in_6061 h3 a,#stacks_in_6061 p,#stacks_in_6061 p a{ font-size:12px; } } #stacks_in_6061 h3,#stacks_in_6061 h3 a,#stacks_in_6061 p,#stacks_in_6061 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_6061 p a:hover, #stacks_in_6061 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_6061 { margin: 10px; } #stacks_out_6061 { margin-right:0; } #stacks_in_6062 { font-size: 99%; } #stacks_in_6326>.s3_row { margin: 0 -10px; } #stacks_in_6326>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_6326>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_6326>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_6326>.s3_row { margin: -10px 0; } #stacks_in_6326>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_9257 h3,#stacks_in_9257 h3 a,#stacks_in_9257 p,#stacks_in_9257 p a{ font-size:16px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_9257 h3,#stacks_in_9257 h3 a,#stacks_in_9257 p,#stacks_in_9257 p a{ font-size:15px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_9257 h3,#stacks_in_9257 h3 a,#stacks_in_9257 p,#stacks_in_9257 p a{ font-size:13px; } } #stacks_in_9257 h3,#stacks_in_9257 h3 a,#stacks_in_9257 p,#stacks_in_9257 p a{ color:rgba(255, 255, 255, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_9257 p a:hover, #stacks_in_9257 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_9257 { background-color: rgba(0, 64, 128, 1.00); margin: 10px 0px 10px 0px; padding: 10px; } #stacks_out_9257 { margin-right:0; } #stacks_in_9259 { font-size: 99%; } /* ********* */ /* Normalize */ /* ********* */ /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ #stacks_in_9258 article, #stacks_in_9258 aside, #stacks_in_9258 details, #stacks_in_9258 figcaption, #stacks_in_9258 figure, #stacks_in_9258 footer, #stacks_in_9258 header, #stacks_in_9258 hgroup, #stacks_in_9258 main, #stacks_in_9258 nav, #stacks_in_9258 section, #stacks_in_9258 summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ #stacks_in_9258 audio, #stacks_in_9258 canvas, #stacks_in_9258 progress, #stacks_in_9258 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ #stacks_in_9258 audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ #stacks_in_9258 [hidden], #stacks_in_9258 template { display: none; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ #stacks_in_9258 img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ #stacks_in_9258 svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address differences between Firefox and other browsers. */ #stacks_in_9258 hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ #stacks_in_9258 pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ #stacks_in_9258 code, #stacks_in_9258 kbd, #stacks_in_9258 pre, #stacks_in_9258 samp { font-family: monospace, monospace; font-size: 1em; } /* **************** */ /* Stack Specific */ /* **************** */ #stacks_in_9258 *, #stacks_in_9258 *:before, #stacks_in_9258 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_9258 .wow { visibility: hidden; } /* We use this media query to add styles to any device that supports media queries */ @media only screen { #stacks_in_9258 .column_base_margin { margin-bottom: 0px; } } @media only screen and (max-width: 1024px) { #stacks_in_9258 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 768px wide. */ @media only screen and (max-width: 768px) { #stacks_in_9258 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 480px wide. */ @media only screen and (max-width: 640px) { #stacks_in_9258 .column_base_margin { margin-bottom: 0px; } } /* Handles making images responsive inside the stack */ #stacks_in_9258 img { max-width: 100%; height: auto; } /* **************** */ /* Foundation START */ /* **************** */ /* Copyright (c) 2013-2014 ZURB, inc. MIT License 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. */ #stacks_in_9258 meta.foundation-version { font-family: "/5.3.1/"; } #stacks_in_9258 meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } #stacks_in_9258 meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } #stacks_in_9258 meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } #stacks_in_9258 meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } #stacks_in_9258 meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } #stacks_in_9258 meta.foundation-data-attribute-namespace { font-family: false; } #stacks_in_9258 *, #stacks_in_9258 *:before, #stacks_in_9258 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_9258 .left { float: left !important; } #stacks_in_9258 .right { float: right !important; } #stacks_in_9258 .clearfix:before, #stacks_in_9258 .clearfix:after { content: " "; display: table; } #stacks_in_9258 .clearfix:after { clear: both; } #stacks_in_9258 .hide { display: none; } #stacks_in_9258 .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_9258 img { display: inline-block; vertical-align: middle; } #stacks_in_9258 textarea { height: auto; min-height: 50px; } #stacks_in_9258 select { width: 100%; } #stacks_in_9258 .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } #stacks_in_9258 .row:before, #stacks_in_9258 .row:after { content: " "; display: table; } #stacks_in_9258 .row:after { clear: both; } #stacks_in_9258 .row.collapse > .column, #stacks_in_9258 .row.collapse > .columns { padding-left: 0; padding-right: 0; } #stacks_in_9258 .row.collapse .row { margin-left: 0; margin-right: 0; } #stacks_in_9258 .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; } #stacks_in_9258 .row .row:before, #stacks_in_9258 .row .row:after { content: " "; display: table; } #stacks_in_9258 .row .row:after { clear: both; } #stacks_in_9258 .row .row.collapse { width: auto; margin: 0; max-width: none; } #stacks_in_9258 .row .row.collapse:before, #stacks_in_9258 .row .row.collapse:after { content: " "; display: table; } #stacks_in_9258 .row .row.collapse:after { clear: both; } #stacks_in_9258 .column, #stacks_in_9258 .columns { padding-left: 0.9375em; padding-right: 0.9375em; margin-right: 0; /* Fixes comaptiblity with some themes using skeleton.css */ margin-left: 0; /* Fixes comaptiblity with some themes using skeleton.css */ width: 100%; float: left; } #stacks_in_9258 [class*="column"] + [class*="column"]:last-child { float: right; } #stacks_in_9258 [class*="column"] + [class*="column"].end { float: left; } @media only screen { #stacks_in_9258 .small-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9258 .small-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9258 .small-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9258 .small-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9258 .small-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9258 .small-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9258 .small-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9258 .small-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9258 .small-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9258 .small-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9258 .small-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9258 .small-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9258 .small-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9258 .small-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9258 .small-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9258 .small-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9258 .small-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9258 .small-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9258 .small-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9258 .small-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9258 .small-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9258 .small-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9258 .small-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9258 .small-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_9258 .column, #stacks_in_9258 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_9258 .small-1 { width: 8.33333%; } #stacks_in_9258 .small-2 { width: 16.66667%; } #stacks_in_9258 .small-3 { width: 25%; } #stacks_in_9258 .small-4 { width: 33.33333%; } #stacks_in_9258 .small-5 { width: 41.66667%; } #stacks_in_9258 .small-6 { width: 50%; } #stacks_in_9258 .small-7 { width: 58.33333%; } #stacks_in_9258 .small-8 { width: 66.66667%; } #stacks_in_9258 .small-9 { width: 75%; } #stacks_in_9258 .small-10 { width: 83.33333%; } #stacks_in_9258 .small-11 { width: 91.66667%; } #stacks_in_9258 .small-12 { width: 100%; } #stacks_in_9258 .small-offset-0 { margin-left: 0% !important; } #stacks_in_9258 .small-offset-1 { margin-left: 8.33333% !important; } #stacks_in_9258 .small-offset-2 { margin-left: 16.66667% !important; } #stacks_in_9258 .small-offset-3 { margin-left: 25% !important; } #stacks_in_9258 .small-offset-4 { margin-left: 33.33333% !important; } #stacks_in_9258 .small-offset-5 { margin-left: 41.66667% !important; } #stacks_in_9258 .small-offset-6 { margin-left: 50% !important; } #stacks_in_9258 .small-offset-7 { margin-left: 58.33333% !important; } #stacks_in_9258 .small-offset-8 { margin-left: 66.66667% !important; } #stacks_in_9258 .small-offset-9 { margin-left: 75% !important; } #stacks_in_9258 .small-offset-10 { margin-left: 83.33333% !important; } #stacks_in_9258 .small-offset-11 { margin-left: 91.66667% !important; } #stacks_in_9258 .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_9258 .column.small-centered, #stacks_in_9258 .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_9258 .column.small-uncentered, #stacks_in_9258 .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_9258 .column.small-centered:last-child, #stacks_in_9258 .columns.small-centered:last-child { float: none; } #stacks_in_9258 .column.small-uncentered:last-child, #stacks_in_9258 .columns.small-uncentered:last-child { float: left; } #stacks_in_9258 .column.small-uncentered.opposite, #stacks_in_9258 .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 40.063em) { #stacks_in_9258 .medium-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9258 .medium-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9258 .medium-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9258 .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9258 .medium-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9258 .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9258 .medium-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9258 .medium-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9258 .medium-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9258 .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9258 .medium-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9258 .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9258 .medium-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9258 .medium-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9258 .medium-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9258 .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9258 .medium-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9258 .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9258 .medium-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9258 .medium-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9258 .medium-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9258 .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9258 .medium-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9258 .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_9258 .column, #stacks_in_9258 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_9258 .medium-1 { width: 8.33333%; } #stacks_in_9258 .medium-2 { width: 16.66667%; } #stacks_in_9258 .medium-3 { width: 25%; } #stacks_in_9258 .medium-4 { width: 33.33333%; } #stacks_in_9258 .medium-5 { width: 41.66667%; } #stacks_in_9258 .medium-6 { width: 50%; } #stacks_in_9258 .medium-7 { width: 58.33333%; } #stacks_in_9258 .medium-8 { width: 66.66667%; } #stacks_in_9258 .medium-9 { width: 75%; } #stacks_in_9258 .medium-10 { width: 83.33333%; } #stacks_in_9258 .medium-11 { width: 91.66667%; } #stacks_in_9258 .medium-12 { width: 100%; } #stacks_in_9258 .medium-offset-0 { margin-left: 0% !important; } #stacks_in_9258 .medium-offset-1 { margin-left: 8.33333% !important; } #stacks_in_9258 .medium-offset-2 { margin-left: 16.66667% !important; } #stacks_in_9258 .medium-offset-3 { margin-left: 25% !important; } #stacks_in_9258 .medium-offset-4 { margin-left: 33.33333% !important; } #stacks_in_9258 .medium-offset-5 { margin-left: 41.66667% !important; } #stacks_in_9258 .medium-offset-6 { margin-left: 50% !important; } #stacks_in_9258 .medium-offset-7 { margin-left: 58.33333% !important; } #stacks_in_9258 .medium-offset-8 { margin-left: 66.66667% !important; } #stacks_in_9258 .medium-offset-9 { margin-left: 75% !important; } #stacks_in_9258 .medium-offset-10 { margin-left: 83.33333% !important; } #stacks_in_9258 .medium-offset-11 { margin-left: 91.66667% !important; } #stacks_in_9258 .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_9258 .column.medium-centered, #stacks_in_9258 .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_9258 .column.medium-uncentered, #stacks_in_9258 .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_9258 .column.medium-centered:last-child, #stacks_in_9258 .columns.medium-centered:last-child { float: none; } #stacks_in_9258 .column.medium-uncentered:last-child, #stacks_in_9258 .columns.medium-uncentered:last-child { float: left; } #stacks_in_9258 .column.medium-uncentered.opposite, #stacks_in_9258 .columns.medium-uncentered.opposite { float: right; } #stacks_in_9258 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9258 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9258 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9258 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9258 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9258 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9258 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9258 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9258 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9258 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9258 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9258 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9258 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9258 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9258 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9258 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9258 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9258 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9258 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9258 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9258 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9258 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9258 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9258 .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { #stacks_in_9258 .large-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9258 .large-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9258 .large-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9258 .large-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9258 .large-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9258 .large-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9258 .large-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9258 .large-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9258 .large-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9258 .large-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9258 .large-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9258 .large-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9258 .large-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9258 .large-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9258 .large-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9258 .large-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9258 .large-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9258 .large-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9258 .large-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9258 .large-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9258 .large-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9258 .large-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9258 .large-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9258 .large-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_9258 .column, #stacks_in_9258 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_9258 .large-1 { width: 8.33333%; } #stacks_in_9258 .large-2 { width: 16.66667%; } #stacks_in_9258 .large-3 { width: 25%; } #stacks_in_9258 .large-4 { width: 33.33333%; } #stacks_in_9258 .large-5 { width: 41.66667%; } #stacks_in_9258 .large-6 { width: 50%; } #stacks_in_9258 .large-7 { width: 58.33333%; } #stacks_in_9258 .large-8 { width: 66.66667%; } #stacks_in_9258 .large-9 { width: 75%; } #stacks_in_9258 .large-10 { width: 83.33333%; } #stacks_in_9258 .large-11 { width: 91.66667%; } #stacks_in_9258 .large-12 { width: 100%; } #stacks_in_9258 .large-offset-0 { margin-left: 0% !important; } #stacks_in_9258 .large-offset-1 { margin-left: 8.33333% !important; } #stacks_in_9258 .large-offset-2 { margin-left: 16.66667% !important; } #stacks_in_9258 .large-offset-3 { margin-left: 25% !important; } #stacks_in_9258 .large-offset-4 { margin-left: 33.33333% !important; } #stacks_in_9258 .large-offset-5 { margin-left: 41.66667% !important; } #stacks_in_9258 .large-offset-6 { margin-left: 50% !important; } #stacks_in_9258 .large-offset-7 { margin-left: 58.33333% !important; } #stacks_in_9258 .large-offset-8 { margin-left: 66.66667% !important; } #stacks_in_9258 .large-offset-9 { margin-left: 75% !important; } #stacks_in_9258 .large-offset-10 { margin-left: 83.33333% !important; } #stacks_in_9258 .large-offset-11 { margin-left: 91.66667% !important; } #stacks_in_9258 .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_9258 .column.large-centered, #stacks_in_9258 .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_9258 .column.large-uncentered, #stacks_in_9258 .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_9258 .column.large-centered:last-child, #stacks_in_9258 .columns.large-centered:last-child { float: none; } #stacks_in_9258 .column.large-uncentered:last-child, #stacks_in_9258 .columns.large-uncentered:last-child { float: left; } #stacks_in_9258 .column.large-uncentered.opposite, #stacks_in_9258 .columns.large-uncentered.opposite { float: right; } #stacks_in_9258 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9258 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9258 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9258 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9258 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9258 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9258 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9258 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9258 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9258 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9258 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9258 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9258 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9258 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9258 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9258 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9258 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9258 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9258 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9258 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9258 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9258 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9258 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9258 .pull-11 { position: relative; right: 91.66667%; left: auto; } } #stacks_in_9258 [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } #stacks_in_9258 [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } #stacks_in_9258 [class*="block-grid-"]:after { clear: both; } #stacks_in_9258 [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { #stacks_in_9258 .small-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_9258 .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_9258 .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_9258 .small-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_9258 .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_9258 .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_9258 .small-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_9258 .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_9258 .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_9258 .small-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_9258 .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_9258 .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_9258 .small-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_9258 .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_9258 .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_9258 .small-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_9258 .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_9258 .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_9258 .small-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_9258 .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_9258 .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_9258 .small-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_9258 .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_9258 .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_9258 .small-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_9258 .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_9258 .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_9258 .small-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_9258 .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_9258 .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_9258 .small-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_9258 .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_9258 .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_9258 .small-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_9258 .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_9258 .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { #stacks_in_9258 .medium-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_9258 .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_9258 .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_9258 .medium-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_9258 .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_9258 .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_9258 .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_9258 .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_9258 .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_9258 .medium-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_9258 .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_9258 .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_9258 .medium-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_9258 .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_9258 .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_9258 .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_9258 .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_9258 .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_9258 .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_9258 .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_9258 .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_9258 .medium-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_9258 .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_9258 .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_9258 .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_9258 .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_9258 .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_9258 .medium-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_9258 .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_9258 .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_9258 .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_9258 .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_9258 .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_9258 .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_9258 .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_9258 .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { #stacks_in_9258 .large-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_9258 .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_9258 .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_9258 .large-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_9258 .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_9258 .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_9258 .large-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_9258 .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_9258 .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_9258 .large-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_9258 .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_9258 .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_9258 .large-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_9258 .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_9258 .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_9258 .large-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_9258 .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_9258 .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_9258 .large-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_9258 .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_9258 .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_9258 .large-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_9258 .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_9258 .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_9258 .large-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_9258 .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_9258 .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_9258 .large-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_9258 .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_9258 .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_9258 .large-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_9258 .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_9258 .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_9258 .large-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_9258 .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_9258 .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } #stacks_in_9258 { background-color: rgba(230, 230, 230, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; margin: 0px 0px 10px 0px; padding: 0px 5px 0px 10px; } #stacks_in_9260 h3,#stacks_in_9260 h3 a,#stacks_in_9260 p,#stacks_in_9260 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_9260 h3,#stacks_in_9260 h3 a,#stacks_in_9260 p,#stacks_in_9260 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_9260 h3,#stacks_in_9260 h3 a,#stacks_in_9260 p,#stacks_in_9260 p a{ font-size:12px; } } #stacks_in_9260 h3,#stacks_in_9260 h3 a,#stacks_in_9260 p,#stacks_in_9260 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_9260 p a:hover, #stacks_in_9260 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_9260 { margin: 10px; } #stacks_out_9260 { margin-right:0; } #stacks_in_9261 { font-size: 99%; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_9263, #stacks_in_9263 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_9263 { padding: 20px 0px !important; } #press_alignment_stacks_in_9263 { width: 100%; } #press_alignment_stacks_in_9263.press-left { text-align: left; } #press_alignment_stacks_in_9263.press-center { text-align: center; } #press_alignment_stacks_in_9263.press-right { text-align: right; } #stacks_in_9263 { transition: all 200ms ease; /* */ /* */ /* */ background: #999999; background: -webkit-gradient(linear, left top, left bottom, from(to top), color-stop(#999999), to(#FFFFFF)); background: linear-gradient(to top, #999999, #FFFFFF); /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(0, 0, 0, 1.00); margin: 10px 10px 10px 10px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_9263:hover { /* */ /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(253, 128, 8, 1.00); /* */ } #stacks_in_9263:hover .press-icon i { /* */ color: rgba(253, 128, 8, 1.00); /* */ } #stacks_in_9263:active { /* */ /* */ /* */ /* */ color: rgba(204, 0, 0, 1.00); /* */ } #stacks_in_9263:active .press-icon i { /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_9263 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 8px 14px 8px 14px; border-radius: 0px 0px 0px 0px; /* */ /* */ background: rgba(204, 204, 204, 1.00); /* */ /* */ /* */ /* */ /* */ margin-right: 7px; /* */ /* */ /* */ } #stacks_in_9263 .press-icon i { font-size: 17px; color: rgba(0, 0, 0, 1.00); vertical-align: middle; } #stacks_in_9263 .press-text { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 13px; padding: 5px 10px 5px 10px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 16px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_9263 .press-text .out { margin: 0 !important; } #stacks_in_9263 { font-size: 13px; line-height: 16px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } /* -- Start Anchor Each css Template -- */ .stacks_in_9496anchorStack{ height: 0px !important; padding: 0 !important; margin: 0 !important; } .stacks_in_9496editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_9496editInfo i{ vertical-align: middle; } .stacks_in_9496editInfo:before{ content:"#da21"; float: right; } .stacks_in_9496editInfo:after{ content:""; display: table; clear: both; } .stacks_in_9496topOffset{ position: relative; height: 70; background: #ecf0f1; border: 1px solid #bdc3c7; border-top-right-radius: 2px; border-top-left-radius: 2px; margin-bottom: -2px; } .stacks_in_9496topOffset:after{ content: "Top Offset"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #7f8c8d; } /* -- End Anchor Each css Template -- *//* -- Start Anchor Each css Template -- */ .stacks_in_9497editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_9497editInfo i{ vertical-align: middle; } .stacks_in_9497editInfo:before{ content:"#da9"; float: right; } .stacks_in_9497editInfo:after{ content:""; display: table; clear: both; } .stacks_in_9497topOffset{ position: relative; height: 50; background: #ecf0f1; border: 1px solid #bdc3c7; border-top-right-radius: 2px; border-top-left-radius: 2px; margin-bottom: -2px; } .stacks_in_9497topOffset:after{ content: "Top Offset"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #7f8c8d; } /* -- End Anchor Each css Template -- */@font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_in_9500_press.press-lite { box-sizing: border-box; position: relative; /* */ cursor: pointer; /* */ padding: 12px 24px; border-radius: 4px; text-decoration: none; display: inline-block; margin: 0; font-size: 16px; line-height: 16px; /* */ /* */ background-color: rgba(253, 174, 31, 1.00); /* */ /* */ /* */ /* */ /* */ font-family: ; /* */ border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.15); } #stacks_in_9500_press.press-lite:focus {outline:0;} #stacks_in_9500_press_wrap { /* */ display: inline-block; /* */ /* */ /* */ margin: 12px 0px 12px 0px; } #stacks_in_9500_press.press-lite { white-space: nowrap; } #stacks_in_9500_press.press-lite .press-lite-text span, #stacks_in_9500_press.press-lite .press-lite-text:after { overflow: hidden; color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_9500_press.press-lite, #stacks_in_9500_press.press-lite .press-lite-text, #stacks_in_9500_press.press-lite .press-lite-text:after, #stacks_in_9500_press.press-lite .press-lite-text > span, #stacks_in_9500_press.press-lite .press-lite-icon i, #stacks_in_9500_press.press-lite .press-lite-icon img, #stacks_in_9500_press.press-lite .press-lite-icon svg, #stacks_in_9500_press.press-lite .press-lite-icon svg path, #stacks_in_9500_press.press-lite .press-lite-icon svg polyline, #stacks_in_9500_press.press-lite .press-lite-icon:after { transition: all 200ms ease; } #stacks_in_9500_press.press-lite .press-lite-text { z-index: 1; position: relative; } #stacks_in_9500_press.press-lite .press-lite-icon i, #stacks_in_9500_press.press-lite .press-lite-icon img { position: relative; color: rgba(51, 51, 51, 1.00); display: inline-block; /* */ margin-right: 8px; /* */ font-size: 16px; line-height: 16px; z-index: 1; } #stacks_in_9500_press.press-lite .press-lite-icon img { height: 16px; width: auto; vertical-align: top; } #stacks_in_9500_press.press-lite .press-lite-icon svg { display: inline-block; /* */ margin-right: 8px; /* */ height: 20.000000px; z-index: 1; } /* */ #stacks_in_9500_press.press-lite .press-lite-icon.press-lite-icon-off svg { transform: translateX(5%); } #stacks_in_9500_press.press-lite .press-lite-icon svg path { fill: rgba(51, 51, 51, 1.00); } #stacks_in_9500_press.press-lite .press-lite-icon svg polyline { fill:none; stroke: rgba(51, 51, 51, 1.00); stroke-linecap:round; stroke-linejoin:round; stroke-width:48px; } #stacks_in_9500_press.press-lite:active, #stacks_in_9500_press.press-lite:focus { transform: translate(0,0); } /* */ /* */ #stacks_in_9500_press.press-lite:hover { background: rgba(235, 235, 235, 0.50); } /* */ /* */ /* */ #stacks_in_9500_press.press-lite { padding: 0; } #stacks_in_9500_press.press-lite .press-lite-text { position: relative; z-index: 1; display: inline-block; padding: 12px 24px 12px 13px; } #stacks_in_9500_press.press-lite .press-lite-icon i, #stacks_in_9500_press.press-lite .press-lite-icon img, #stacks_in_9500_press.press-lite .press-lite-icon svg { margin: 0; } #stacks_in_9500_press.press-lite .press-lite-icon { padding: 0px; display: grid; float:left; align-content: center; justify-content: center; width: 40px; height: 40px; text-align: center; } #stacks_in_9500_press.press-lite .press-lite-icon:after { content: ""; color: transparent; position: absolute; top: -1px; left: -1px; bottom: -1px; background: rgba(0, 0, 0, 0.00); border-radius: 4px 0px 0px 4px; width: 40px; height: 42px; } /* */ /* */ /* */ /* */ /* */ /* */ #stacks_in_9500_press.press-lite:active { box-shadow: inset 0px 0px 0px 300px rgba(0,0,0,0.1); } /* */ #stacks_in_9500_press.press-lite .press-lite-lines { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; display: grid; } #stacks_in_9500_press.press-lite .press-lite-line-t, #stacks_in_9500_press.press-lite .press-lite-line-b { position: absolute; height: 1px; width: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_9500_press.press-lite .press-lite-line-l, #stacks_in_9500_press.press-lite .press-lite-line-r { position: absolute; width: 1px; height: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_9500_press.press-lite .press-lite-line-t { top: 0; } #stacks_in_9500_press.press-lite .press-lite-line-b { bottom: 0; width: 100%; } #stacks_in_9500_press.press-lite .press-lite-line-l { left: 0; } #stacks_in_9500_press.press-lite .press-lite-line-r { right: 0; } /* */ /* */ /* */ /* */ #stacks_in_9499 h3,#stacks_in_9499 h3 a,#stacks_in_9499 p,#stacks_in_9499 p a{ font-size:16px; line-height:1.25em; margin:0; } #stacks_in_9499 h3,#stacks_in_9499 h3 a,#stacks_in_9499 p,#stacks_in_9499 p a{ color:rgba(250, 255, 255, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_9499 p a:hover, #stacks_in_9499 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_9499 { background-color: rgba(0, 64, 128, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; padding: 20px; } #stacks_in_9465 { background-color: rgba(251, 254, 254, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; padding: 10px; } /* -- Start Swell Each css Template -- */ #stacks_in_9466{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_9466swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_9466swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_9466swell{ max-width: 800px; } .stacks_in_9466swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_9466swell-with-zoom .mfp-container,.stacks_in_9466swell-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 198.000015ms ease-out; -moz-transition: all 198.000015ms ease-out; -o-transition: all 198.000015ms ease-out; transition: all 198.000015ms ease-out; } .stacks_in_9466swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_9466swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_9466swell-with-zoom.mfp-removing .mfp-container,.stacks_in_9466swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_9466 .swellzoomeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_9466 .swellshrinkeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_9466 .swellcircleeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #stacks_in_9466 .swellthreedeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media all and (min-width: 480px) { #stacks_in_9466 .swellzoomeffect img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } #stacks_in_9466 .swellshrinkeffect img:hover{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9); } #stacks_in_9466 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_9466 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_9466 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_9466 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_9466 .swellthreedeffect:hover{ box-shadow: 1px 1px rgba(242, 88, 95, 1.00), 2px 2px rgba(242, 88, 95, 1.00), 3px 3px rgba(242, 88, 95, 1.00); -webkit-transform: translateX(-3px); transform: translateX(-3px); } } /* -- End Swell Each css Template -- */ #stacks_out_9466 { width: 90%; } #stacks_in_9470 hr{border:0;height:0;width:100%;margin:0;padding:0}#stacks_in_9470 hr.gradient{height:1px;background:#333;background-image:-webkit-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:-moz-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:-ms-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:-o-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:linear-gradient(left,#CCCCCC,#333333,#CCCCCC)}#stacks_in_9470 hr.faded{height:1px;background-image:-webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0))}#stacks_in_9470 hr.dashed_fade{border-bottom:1px dashed #7E7E7E;background:#333333}#stacks_in_9470 hr.dotted_fade{border-bottom:1px dotted #7E7E7E;background:#333333}#stacks_in_9470 hr.dashed{border-bottom:1px dashed #333333}#stacks_in_9470 hr.dotted{border-bottom:1px dotted #7E7E7E}#stacks_in_9470 hr.shadow{height:1px;box-shadow:inset 0 1px 1px -1px rgba(0,0,0,0.5)}#stacks_in_9470 hr.cloudy{margin:1px 0;box-shadow:0 0 1px 1px #333333}#stacks_in_9470 hr.cloudy:after{content:"\00a0"}#stacks_in_9470 hr.inset{border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(255,255,255,0.3)}#stacks_in_9470 hr.inset_two{border-top:1px solid #CCCCCC;border-bottom:1px solid #333333}#stacks_in_9470 hr.inset_three{border-top:1px solid #333333;border-bottom:1px solid #CCCCCC}#stacks_in_9470 hr.inset_four{border-top:1px solid #333333;border-bottom:1px solid #CCCCCC}#stacks_in_9470 hr.flared{height:30px;border-style:solid;border-color:#333333;border-width:1px 0 0 0;border-radius:20px;margin-top:12px}#stacks_in_9470 hr.flared:before{display:block;content:"";height:30px;margin-top:-31px;border-style:solid;border-color:#333333;border-width:0 0 1px 0;border-radius:20px}#stacks_in_9470 hr.glyph{padding:0;border:0;border-top:1px double #333333;color:#333333;text-align:center;margin:1em 0}#stacks_in_9470 hr.glyph:after{content:"§";display:inline-block;position:relative;top:-0.00em;font-size:1.5em;padding:0 .25em;background:#FFFFFF} #stacks_in_9472>.s3_row { margin: 0 -0px; } #stacks_in_9472>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_9472>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_9472>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { #stacks_in_9472>.s3_row { margin: -0px 0; } #stacks_in_9472>.s3_row>.s3_column { padding: 0px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_9472>.s3_row { margin: -0px 0; } #stacks_in_9472>.s3_row>.s3_column { padding: 0px 0; width:100%; } } #stacks_in_9477 h3,#stacks_in_9477 h3 a,#stacks_in_9477 p,#stacks_in_9477 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_9477 h3,#stacks_in_9477 h3 a,#stacks_in_9477 p,#stacks_in_9477 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_9477 h3,#stacks_in_9477 h3 a,#stacks_in_9477 p,#stacks_in_9477 p a{ font-size:12px; } } #stacks_in_9477 h3,#stacks_in_9477 h3 a,#stacks_in_9477 p,#stacks_in_9477 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_9477 p a:hover, #stacks_in_9477 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_9477 { margin: 10px; } #stacks_out_9477 { margin-right:0; } #stacks_in_9478 { font-size: 99%; } #stacks_in_9474 h3,#stacks_in_9474 h3 a,#stacks_in_9474 p,#stacks_in_9474 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_9474 h3,#stacks_in_9474 h3 a,#stacks_in_9474 p,#stacks_in_9474 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_9474 h3,#stacks_in_9474 h3 a,#stacks_in_9474 p,#stacks_in_9474 p a{ font-size:12px; } } #stacks_in_9474 h3,#stacks_in_9474 h3 a,#stacks_in_9474 p,#stacks_in_9474 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_9474 p a:hover, #stacks_in_9474 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_9474 { margin: 10px; } #stacks_out_9474 { margin-right:0; } #stacks_in_9475 { font-size: 99%; } #stacks_in_9481 h3,#stacks_in_9481 h3 a,#stacks_in_9481 p,#stacks_in_9481 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_9481 h3,#stacks_in_9481 h3 a,#stacks_in_9481 p,#stacks_in_9481 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_9481 h3,#stacks_in_9481 h3 a,#stacks_in_9481 p,#stacks_in_9481 p a{ font-size:12px; } } #stacks_in_9481 h3,#stacks_in_9481 h3 a,#stacks_in_9481 p,#stacks_in_9481 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_9481 p a:hover, #stacks_in_9481 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_9481 { margin: 10px; } #stacks_out_9481 { margin-right:0; } #stacks_in_9482 { font-size: 99%; } #stacks_in_9504>.s3_row { margin: 0 -10px; } #stacks_in_9504>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_9504>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_9504>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { } #stacks_in_9506 h3,#stacks_in_9506 h3 a,#stacks_in_9506 p,#stacks_in_9506 p a{ font-size:16px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_9506 h3,#stacks_in_9506 h3 a,#stacks_in_9506 p,#stacks_in_9506 p a{ font-size:15px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_9506 h3,#stacks_in_9506 h3 a,#stacks_in_9506 p,#stacks_in_9506 p a{ font-size:13px; } } #stacks_in_9506 h3,#stacks_in_9506 h3 a,#stacks_in_9506 p,#stacks_in_9506 p a{ color:rgba(255, 255, 255, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_9506 p a:hover, #stacks_in_9506 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_9506 { background-color: rgba(0, 64, 128, 1.00); margin: 10px 0px 10px 0px; padding: 10px; } #stacks_out_9506 { margin-right:0; } #stacks_in_9507 { font-size: 99%; } /* ********* */ /* Normalize */ /* ********* */ /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ #stacks_in_9508 article, #stacks_in_9508 aside, #stacks_in_9508 details, #stacks_in_9508 figcaption, #stacks_in_9508 figure, #stacks_in_9508 footer, #stacks_in_9508 header, #stacks_in_9508 hgroup, #stacks_in_9508 main, #stacks_in_9508 nav, #stacks_in_9508 section, #stacks_in_9508 summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ #stacks_in_9508 audio, #stacks_in_9508 canvas, #stacks_in_9508 progress, #stacks_in_9508 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ #stacks_in_9508 audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ #stacks_in_9508 [hidden], #stacks_in_9508 template { display: none; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ #stacks_in_9508 img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ #stacks_in_9508 svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address differences between Firefox and other browsers. */ #stacks_in_9508 hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ #stacks_in_9508 pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ #stacks_in_9508 code, #stacks_in_9508 kbd, #stacks_in_9508 pre, #stacks_in_9508 samp { font-family: monospace, monospace; font-size: 1em; } /* **************** */ /* Stack Specific */ /* **************** */ #stacks_in_9508 *, #stacks_in_9508 *:before, #stacks_in_9508 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_9508 .wow { visibility: hidden; } /* We use this media query to add styles to any device that supports media queries */ @media only screen { #stacks_in_9508 .column_base_margin { margin-bottom: 0px; } } @media only screen and (max-width: 1024px) { #stacks_in_9508 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 768px wide. */ @media only screen and (max-width: 768px) { #stacks_in_9508 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 480px wide. */ @media only screen and (max-width: 640px) { #stacks_in_9508 .column_base_margin { margin-bottom: 0px; } } /* Handles making images responsive inside the stack */ #stacks_in_9508 img { max-width: 100%; height: auto; } /* **************** */ /* Foundation START */ /* **************** */ /* Copyright (c) 2013-2014 ZURB, inc. MIT License 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. */ #stacks_in_9508 meta.foundation-version { font-family: "/5.3.1/"; } #stacks_in_9508 meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } #stacks_in_9508 meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } #stacks_in_9508 meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } #stacks_in_9508 meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } #stacks_in_9508 meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } #stacks_in_9508 meta.foundation-data-attribute-namespace { font-family: false; } #stacks_in_9508 *, #stacks_in_9508 *:before, #stacks_in_9508 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_9508 .left { float: left !important; } #stacks_in_9508 .right { float: right !important; } #stacks_in_9508 .clearfix:before, #stacks_in_9508 .clearfix:after { content: " "; display: table; } #stacks_in_9508 .clearfix:after { clear: both; } #stacks_in_9508 .hide { display: none; } #stacks_in_9508 .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_9508 img { display: inline-block; vertical-align: middle; } #stacks_in_9508 textarea { height: auto; min-height: 50px; } #stacks_in_9508 select { width: 100%; } #stacks_in_9508 .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } #stacks_in_9508 .row:before, #stacks_in_9508 .row:after { content: " "; display: table; } #stacks_in_9508 .row:after { clear: both; } #stacks_in_9508 .row.collapse > .column, #stacks_in_9508 .row.collapse > .columns { padding-left: 0; padding-right: 0; } #stacks_in_9508 .row.collapse .row { margin-left: 0; margin-right: 0; } #stacks_in_9508 .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; } #stacks_in_9508 .row .row:before, #stacks_in_9508 .row .row:after { content: " "; display: table; } #stacks_in_9508 .row .row:after { clear: both; } #stacks_in_9508 .row .row.collapse { width: auto; margin: 0; max-width: none; } #stacks_in_9508 .row .row.collapse:before, #stacks_in_9508 .row .row.collapse:after { content: " "; display: table; } #stacks_in_9508 .row .row.collapse:after { clear: both; } #stacks_in_9508 .column, #stacks_in_9508 .columns { padding-left: 0.9375em; padding-right: 0.9375em; margin-right: 0; /* Fixes comaptiblity with some themes using skeleton.css */ margin-left: 0; /* Fixes comaptiblity with some themes using skeleton.css */ width: 100%; float: left; } #stacks_in_9508 [class*="column"] + [class*="column"]:last-child { float: right; } #stacks_in_9508 [class*="column"] + [class*="column"].end { float: left; } @media only screen { #stacks_in_9508 .small-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9508 .small-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9508 .small-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9508 .small-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9508 .small-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9508 .small-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9508 .small-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9508 .small-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9508 .small-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9508 .small-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9508 .small-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9508 .small-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9508 .small-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9508 .small-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9508 .small-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9508 .small-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9508 .small-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9508 .small-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9508 .small-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9508 .small-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9508 .small-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9508 .small-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9508 .small-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9508 .small-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_9508 .column, #stacks_in_9508 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_9508 .small-1 { width: 8.33333%; } #stacks_in_9508 .small-2 { width: 16.66667%; } #stacks_in_9508 .small-3 { width: 25%; } #stacks_in_9508 .small-4 { width: 33.33333%; } #stacks_in_9508 .small-5 { width: 41.66667%; } #stacks_in_9508 .small-6 { width: 50%; } #stacks_in_9508 .small-7 { width: 58.33333%; } #stacks_in_9508 .small-8 { width: 66.66667%; } #stacks_in_9508 .small-9 { width: 75%; } #stacks_in_9508 .small-10 { width: 83.33333%; } #stacks_in_9508 .small-11 { width: 91.66667%; } #stacks_in_9508 .small-12 { width: 100%; } #stacks_in_9508 .small-offset-0 { margin-left: 0% !important; } #stacks_in_9508 .small-offset-1 { margin-left: 8.33333% !important; } #stacks_in_9508 .small-offset-2 { margin-left: 16.66667% !important; } #stacks_in_9508 .small-offset-3 { margin-left: 25% !important; } #stacks_in_9508 .small-offset-4 { margin-left: 33.33333% !important; } #stacks_in_9508 .small-offset-5 { margin-left: 41.66667% !important; } #stacks_in_9508 .small-offset-6 { margin-left: 50% !important; } #stacks_in_9508 .small-offset-7 { margin-left: 58.33333% !important; } #stacks_in_9508 .small-offset-8 { margin-left: 66.66667% !important; } #stacks_in_9508 .small-offset-9 { margin-left: 75% !important; } #stacks_in_9508 .small-offset-10 { margin-left: 83.33333% !important; } #stacks_in_9508 .small-offset-11 { margin-left: 91.66667% !important; } #stacks_in_9508 .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_9508 .column.small-centered, #stacks_in_9508 .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_9508 .column.small-uncentered, #stacks_in_9508 .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_9508 .column.small-centered:last-child, #stacks_in_9508 .columns.small-centered:last-child { float: none; } #stacks_in_9508 .column.small-uncentered:last-child, #stacks_in_9508 .columns.small-uncentered:last-child { float: left; } #stacks_in_9508 .column.small-uncentered.opposite, #stacks_in_9508 .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 40.063em) { #stacks_in_9508 .medium-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9508 .medium-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9508 .medium-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9508 .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9508 .medium-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9508 .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9508 .medium-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9508 .medium-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9508 .medium-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9508 .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9508 .medium-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9508 .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9508 .medium-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9508 .medium-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9508 .medium-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9508 .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9508 .medium-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9508 .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9508 .medium-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9508 .medium-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9508 .medium-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9508 .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9508 .medium-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9508 .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_9508 .column, #stacks_in_9508 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_9508 .medium-1 { width: 8.33333%; } #stacks_in_9508 .medium-2 { width: 16.66667%; } #stacks_in_9508 .medium-3 { width: 25%; } #stacks_in_9508 .medium-4 { width: 33.33333%; } #stacks_in_9508 .medium-5 { width: 41.66667%; } #stacks_in_9508 .medium-6 { width: 50%; } #stacks_in_9508 .medium-7 { width: 58.33333%; } #stacks_in_9508 .medium-8 { width: 66.66667%; } #stacks_in_9508 .medium-9 { width: 75%; } #stacks_in_9508 .medium-10 { width: 83.33333%; } #stacks_in_9508 .medium-11 { width: 91.66667%; } #stacks_in_9508 .medium-12 { width: 100%; } #stacks_in_9508 .medium-offset-0 { margin-left: 0% !important; } #stacks_in_9508 .medium-offset-1 { margin-left: 8.33333% !important; } #stacks_in_9508 .medium-offset-2 { margin-left: 16.66667% !important; } #stacks_in_9508 .medium-offset-3 { margin-left: 25% !important; } #stacks_in_9508 .medium-offset-4 { margin-left: 33.33333% !important; } #stacks_in_9508 .medium-offset-5 { margin-left: 41.66667% !important; } #stacks_in_9508 .medium-offset-6 { margin-left: 50% !important; } #stacks_in_9508 .medium-offset-7 { margin-left: 58.33333% !important; } #stacks_in_9508 .medium-offset-8 { margin-left: 66.66667% !important; } #stacks_in_9508 .medium-offset-9 { margin-left: 75% !important; } #stacks_in_9508 .medium-offset-10 { margin-left: 83.33333% !important; } #stacks_in_9508 .medium-offset-11 { margin-left: 91.66667% !important; } #stacks_in_9508 .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_9508 .column.medium-centered, #stacks_in_9508 .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_9508 .column.medium-uncentered, #stacks_in_9508 .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_9508 .column.medium-centered:last-child, #stacks_in_9508 .columns.medium-centered:last-child { float: none; } #stacks_in_9508 .column.medium-uncentered:last-child, #stacks_in_9508 .columns.medium-uncentered:last-child { float: left; } #stacks_in_9508 .column.medium-uncentered.opposite, #stacks_in_9508 .columns.medium-uncentered.opposite { float: right; } #stacks_in_9508 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9508 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9508 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9508 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9508 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9508 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9508 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9508 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9508 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9508 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9508 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9508 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9508 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9508 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9508 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9508 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9508 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9508 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9508 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9508 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9508 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9508 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9508 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9508 .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { #stacks_in_9508 .large-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9508 .large-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9508 .large-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9508 .large-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9508 .large-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9508 .large-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9508 .large-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9508 .large-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9508 .large-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9508 .large-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9508 .large-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9508 .large-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9508 .large-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9508 .large-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9508 .large-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9508 .large-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9508 .large-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9508 .large-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9508 .large-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9508 .large-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9508 .large-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9508 .large-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9508 .large-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9508 .large-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_9508 .column, #stacks_in_9508 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_9508 .large-1 { width: 8.33333%; } #stacks_in_9508 .large-2 { width: 16.66667%; } #stacks_in_9508 .large-3 { width: 25%; } #stacks_in_9508 .large-4 { width: 33.33333%; } #stacks_in_9508 .large-5 { width: 41.66667%; } #stacks_in_9508 .large-6 { width: 50%; } #stacks_in_9508 .large-7 { width: 58.33333%; } #stacks_in_9508 .large-8 { width: 66.66667%; } #stacks_in_9508 .large-9 { width: 75%; } #stacks_in_9508 .large-10 { width: 83.33333%; } #stacks_in_9508 .large-11 { width: 91.66667%; } #stacks_in_9508 .large-12 { width: 100%; } #stacks_in_9508 .large-offset-0 { margin-left: 0% !important; } #stacks_in_9508 .large-offset-1 { margin-left: 8.33333% !important; } #stacks_in_9508 .large-offset-2 { margin-left: 16.66667% !important; } #stacks_in_9508 .large-offset-3 { margin-left: 25% !important; } #stacks_in_9508 .large-offset-4 { margin-left: 33.33333% !important; } #stacks_in_9508 .large-offset-5 { margin-left: 41.66667% !important; } #stacks_in_9508 .large-offset-6 { margin-left: 50% !important; } #stacks_in_9508 .large-offset-7 { margin-left: 58.33333% !important; } #stacks_in_9508 .large-offset-8 { margin-left: 66.66667% !important; } #stacks_in_9508 .large-offset-9 { margin-left: 75% !important; } #stacks_in_9508 .large-offset-10 { margin-left: 83.33333% !important; } #stacks_in_9508 .large-offset-11 { margin-left: 91.66667% !important; } #stacks_in_9508 .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_9508 .column.large-centered, #stacks_in_9508 .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_9508 .column.large-uncentered, #stacks_in_9508 .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_9508 .column.large-centered:last-child, #stacks_in_9508 .columns.large-centered:last-child { float: none; } #stacks_in_9508 .column.large-uncentered:last-child, #stacks_in_9508 .columns.large-uncentered:last-child { float: left; } #stacks_in_9508 .column.large-uncentered.opposite, #stacks_in_9508 .columns.large-uncentered.opposite { float: right; } #stacks_in_9508 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_9508 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_9508 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_9508 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_9508 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_9508 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_9508 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_9508 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_9508 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_9508 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_9508 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_9508 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_9508 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_9508 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_9508 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_9508 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_9508 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_9508 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_9508 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_9508 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_9508 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_9508 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_9508 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_9508 .pull-11 { position: relative; right: 91.66667%; left: auto; } } #stacks_in_9508 [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } #stacks_in_9508 [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } #stacks_in_9508 [class*="block-grid-"]:after { clear: both; } #stacks_in_9508 [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { #stacks_in_9508 .small-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_9508 .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_9508 .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_9508 .small-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_9508 .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_9508 .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_9508 .small-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_9508 .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_9508 .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_9508 .small-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_9508 .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_9508 .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_9508 .small-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_9508 .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_9508 .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_9508 .small-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_9508 .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_9508 .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_9508 .small-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_9508 .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_9508 .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_9508 .small-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_9508 .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_9508 .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_9508 .small-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_9508 .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_9508 .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_9508 .small-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_9508 .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_9508 .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_9508 .small-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_9508 .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_9508 .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_9508 .small-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_9508 .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_9508 .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { #stacks_in_9508 .medium-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_9508 .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_9508 .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_9508 .medium-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_9508 .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_9508 .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_9508 .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_9508 .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_9508 .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_9508 .medium-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_9508 .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_9508 .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_9508 .medium-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_9508 .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_9508 .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_9508 .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_9508 .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_9508 .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_9508 .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_9508 .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_9508 .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_9508 .medium-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_9508 .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_9508 .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_9508 .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_9508 .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_9508 .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_9508 .medium-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_9508 .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_9508 .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_9508 .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_9508 .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_9508 .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_9508 .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_9508 .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_9508 .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { #stacks_in_9508 .large-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_9508 .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_9508 .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_9508 .large-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_9508 .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_9508 .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_9508 .large-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_9508 .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_9508 .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_9508 .large-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_9508 .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_9508 .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_9508 .large-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_9508 .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_9508 .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_9508 .large-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_9508 .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_9508 .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_9508 .large-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_9508 .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_9508 .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_9508 .large-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_9508 .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_9508 .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_9508 .large-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_9508 .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_9508 .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_9508 .large-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_9508 .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_9508 .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_9508 .large-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_9508 .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_9508 .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_9508 .large-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_9508 .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_9508 .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } #stacks_in_9508 { background-color: rgba(230, 230, 230, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; margin: 0px 0px 10px 0px; padding: 0px 5px 0px 10px; } #stacks_in_9509 h3,#stacks_in_9509 h3 a,#stacks_in_9509 p,#stacks_in_9509 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_9509 h3,#stacks_in_9509 h3 a,#stacks_in_9509 p,#stacks_in_9509 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_9509 h3,#stacks_in_9509 h3 a,#stacks_in_9509 p,#stacks_in_9509 p a{ font-size:12px; } } #stacks_in_9509 h3,#stacks_in_9509 h3 a,#stacks_in_9509 p,#stacks_in_9509 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_9509 p a:hover, #stacks_in_9509 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_9509 { margin: 10px; } #stacks_out_9509 { margin-right:0; } #stacks_in_9510 { font-size: 99%; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_9512, #stacks_in_9512 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_9512 { padding: 20px 0px !important; } #press_alignment_stacks_in_9512 { width: 100%; } #press_alignment_stacks_in_9512.press-left { text-align: left; } #press_alignment_stacks_in_9512.press-center { text-align: center; } #press_alignment_stacks_in_9512.press-right { text-align: right; } #stacks_in_9512 { transition: all 200ms ease; /* */ /* */ /* */ background: #999999; background: -webkit-gradient(linear, left top, left bottom, from(to top), color-stop(#999999), to(#FFFFFF)); background: linear-gradient(to top, #999999, #FFFFFF); /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(0, 0, 0, 1.00); margin: 10px 10px 10px 10px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_9512:hover { /* */ /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(253, 128, 8, 1.00); /* */ } #stacks_in_9512:hover .press-icon i { /* */ color: rgba(253, 128, 8, 1.00); /* */ } #stacks_in_9512:active { /* */ /* */ /* */ /* */ color: rgba(204, 0, 0, 1.00); /* */ } #stacks_in_9512:active .press-icon i { /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_9512 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 8px 14px 8px 14px; border-radius: 0px 0px 0px 0px; /* */ /* */ background: rgba(204, 204, 204, 1.00); /* */ /* */ /* */ /* */ /* */ margin-right: 7px; /* */ /* */ /* */ } #stacks_in_9512 .press-icon i { font-size: 17px; color: rgba(0, 0, 0, 1.00); vertical-align: middle; } #stacks_in_9512 .press-text { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 13px; padding: 5px 10px 5px 10px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 16px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_9512 .press-text .out { margin: 0 !important; } #stacks_in_9512 { font-size: 13px; line-height: 16px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } /* -- Start Anchor Each css Template -- */ .stacks_in_5646anchorStack{ height: 0px !important; padding: 0 !important; margin: 0 !important; } .stacks_in_5646editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_5646editInfo i{ vertical-align: middle; } .stacks_in_5646editInfo:before{ content:"#da6"; float: right; } .stacks_in_5646editInfo:after{ content:""; display: table; clear: both; } .stacks_in_5646topOffset{ position: relative; height: 70; background: #ecf0f1; border: 1px solid #bdc3c7; border-top-right-radius: 2px; border-top-left-radius: 2px; margin-bottom: -2px; } .stacks_in_5646topOffset:after{ content: "Top Offset"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #7f8c8d; } /* -- End Anchor Each css Template -- *//* -- Start Anchor Each css Template -- */ .stacks_in_6169editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_6169editInfo i{ vertical-align: middle; } .stacks_in_6169editInfo:before{ content:"#da9"; float: right; } .stacks_in_6169editInfo:after{ content:""; display: table; clear: both; } .stacks_in_6169topOffset{ position: relative; height: 50; background: #ecf0f1; border: 1px solid #bdc3c7; border-top-right-radius: 2px; border-top-left-radius: 2px; margin-bottom: -2px; } .stacks_in_6169topOffset:after{ content: "Top Offset"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #7f8c8d; } /* -- End Anchor Each css Template -- */@font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_in_6170_press.press-lite { box-sizing: border-box; position: relative; /* */ cursor: pointer; /* */ padding: 12px 24px; border-radius: 4px; text-decoration: none; display: inline-block; margin: 0; font-size: 16px; line-height: 16px; /* */ /* */ background-color: rgba(253, 174, 31, 1.00); /* */ /* */ /* */ /* */ /* */ font-family: ; /* */ border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.15); } #stacks_in_6170_press.press-lite:focus {outline:0;} #stacks_in_6170_press_wrap { /* */ display: inline-block; /* */ /* */ /* */ margin: 12px 0px 12px 0px; } #stacks_in_6170_press.press-lite { white-space: nowrap; } #stacks_in_6170_press.press-lite .press-lite-text span, #stacks_in_6170_press.press-lite .press-lite-text:after { overflow: hidden; color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_6170_press.press-lite, #stacks_in_6170_press.press-lite .press-lite-text, #stacks_in_6170_press.press-lite .press-lite-text:after, #stacks_in_6170_press.press-lite .press-lite-text > span, #stacks_in_6170_press.press-lite .press-lite-icon i, #stacks_in_6170_press.press-lite .press-lite-icon img, #stacks_in_6170_press.press-lite .press-lite-icon svg, #stacks_in_6170_press.press-lite .press-lite-icon svg path, #stacks_in_6170_press.press-lite .press-lite-icon svg polyline, #stacks_in_6170_press.press-lite .press-lite-icon:after { transition: all 200ms ease; } #stacks_in_6170_press.press-lite .press-lite-text { z-index: 1; position: relative; } #stacks_in_6170_press.press-lite .press-lite-icon i, #stacks_in_6170_press.press-lite .press-lite-icon img { position: relative; color: rgba(51, 51, 51, 1.00); display: inline-block; /* */ margin-right: 8px; /* */ font-size: 16px; line-height: 16px; z-index: 1; } #stacks_in_6170_press.press-lite .press-lite-icon img { height: 16px; width: auto; vertical-align: top; } #stacks_in_6170_press.press-lite .press-lite-icon svg { display: inline-block; /* */ margin-right: 8px; /* */ height: 20.000000px; z-index: 1; } /* */ #stacks_in_6170_press.press-lite .press-lite-icon.press-lite-icon-off svg { transform: translateX(5%); } #stacks_in_6170_press.press-lite .press-lite-icon svg path { fill: rgba(51, 51, 51, 1.00); } #stacks_in_6170_press.press-lite .press-lite-icon svg polyline { fill:none; stroke: rgba(51, 51, 51, 1.00); stroke-linecap:round; stroke-linejoin:round; stroke-width:48px; } #stacks_in_6170_press.press-lite:active, #stacks_in_6170_press.press-lite:focus { transform: translate(0,0); } /* */ /* */ #stacks_in_6170_press.press-lite:hover { background: rgba(235, 235, 235, 0.50); } /* */ /* */ /* */ #stacks_in_6170_press.press-lite { padding: 0; } #stacks_in_6170_press.press-lite .press-lite-text { position: relative; z-index: 1; display: inline-block; padding: 12px 24px 12px 13px; } #stacks_in_6170_press.press-lite .press-lite-icon i, #stacks_in_6170_press.press-lite .press-lite-icon img, #stacks_in_6170_press.press-lite .press-lite-icon svg { margin: 0; } #stacks_in_6170_press.press-lite .press-lite-icon { padding: 0px; display: grid; float:left; align-content: center; justify-content: center; width: 40px; height: 40px; text-align: center; } #stacks_in_6170_press.press-lite .press-lite-icon:after { content: ""; color: transparent; position: absolute; top: -1px; left: -1px; bottom: -1px; background: rgba(0, 0, 0, 0.00); border-radius: 4px 0px 0px 4px; width: 40px; height: 42px; } /* */ /* */ /* */ /* */ /* */ /* */ #stacks_in_6170_press.press-lite:active { box-shadow: inset 0px 0px 0px 300px rgba(0,0,0,0.1); } /* */ #stacks_in_6170_press.press-lite .press-lite-lines { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; display: grid; } #stacks_in_6170_press.press-lite .press-lite-line-t, #stacks_in_6170_press.press-lite .press-lite-line-b { position: absolute; height: 1px; width: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_6170_press.press-lite .press-lite-line-l, #stacks_in_6170_press.press-lite .press-lite-line-r { position: absolute; width: 1px; height: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_6170_press.press-lite .press-lite-line-t { top: 0; } #stacks_in_6170_press.press-lite .press-lite-line-b { bottom: 0; width: 100%; } #stacks_in_6170_press.press-lite .press-lite-line-l { left: 0; } #stacks_in_6170_press.press-lite .press-lite-line-r { right: 0; } /* */ /* */ /* */ /* */ #stacks_in_6243 h3,#stacks_in_6243 h3 a,#stacks_in_6243 p,#stacks_in_6243 p a{ font-size:16px; line-height:1.25em; margin:0; } #stacks_in_6243 h3,#stacks_in_6243 h3 a,#stacks_in_6243 p,#stacks_in_6243 p a{ color:rgba(250, 255, 255, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_6243 p a:hover, #stacks_in_6243 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_6243 { background-color: rgba(0, 64, 128, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; padding: 20px; } #stacks_in_6245 { background-color: rgba(253, 255, 255, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; padding: 10px; } /* -- Start Swell Each css Template -- */ #stacks_in_4458{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_4458swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_4458swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_4458swell{ max-width: 800px; } .stacks_in_4458swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_4458swell-with-zoom .mfp-container,.stacks_in_4458swell-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 198.000015ms ease-out; -moz-transition: all 198.000015ms ease-out; -o-transition: all 198.000015ms ease-out; transition: all 198.000015ms ease-out; } .stacks_in_4458swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_4458swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_4458swell-with-zoom.mfp-removing .mfp-container,.stacks_in_4458swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_4458 .swellzoomeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_4458 .swellshrinkeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_4458 .swellcircleeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #stacks_in_4458 .swellthreedeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media all and (min-width: 480px) { #stacks_in_4458 .swellzoomeffect img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } #stacks_in_4458 .swellshrinkeffect img:hover{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9); } #stacks_in_4458 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_4458 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_4458 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_4458 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_4458 .swellthreedeffect:hover{ box-shadow: 1px 1px rgba(242, 88, 95, 1.00), 2px 2px rgba(242, 88, 95, 1.00), 3px 3px rgba(242, 88, 95, 1.00); -webkit-transform: translateX(-3px); transform: translateX(-3px); } } /* -- End Swell Each css Template -- */ #stacks_out_4458 { width: 90%; } #stacks_in_5812 hr{border:0;height:0;width:100%;margin:0;padding:0}#stacks_in_5812 hr.gradient{height:1px;background:#333;background-image:-webkit-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:-moz-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:-ms-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:-o-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:linear-gradient(left,#CCCCCC,#333333,#CCCCCC)}#stacks_in_5812 hr.faded{height:1px;background-image:-webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0))}#stacks_in_5812 hr.dashed_fade{border-bottom:1px dashed #7E7E7E;background:#333333}#stacks_in_5812 hr.dotted_fade{border-bottom:1px dotted #7E7E7E;background:#333333}#stacks_in_5812 hr.dashed{border-bottom:1px dashed #333333}#stacks_in_5812 hr.dotted{border-bottom:1px dotted #7E7E7E}#stacks_in_5812 hr.shadow{height:1px;box-shadow:inset 0 1px 1px -1px rgba(0,0,0,0.5)}#stacks_in_5812 hr.cloudy{margin:1px 0;box-shadow:0 0 1px 1px #333333}#stacks_in_5812 hr.cloudy:after{content:"\00a0"}#stacks_in_5812 hr.inset{border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(255,255,255,0.3)}#stacks_in_5812 hr.inset_two{border-top:1px solid #CCCCCC;border-bottom:1px solid #333333}#stacks_in_5812 hr.inset_three{border-top:1px solid #333333;border-bottom:1px solid #CCCCCC}#stacks_in_5812 hr.inset_four{border-top:1px solid #333333;border-bottom:1px solid #CCCCCC}#stacks_in_5812 hr.flared{height:30px;border-style:solid;border-color:#333333;border-width:1px 0 0 0;border-radius:20px;margin-top:12px}#stacks_in_5812 hr.flared:before{display:block;content:"";height:30px;margin-top:-31px;border-style:solid;border-color:#333333;border-width:0 0 1px 0;border-radius:20px}#stacks_in_5812 hr.glyph{padding:0;border:0;border-top:1px double #333333;color:#333333;text-align:center;margin:1em 0}#stacks_in_5812 hr.glyph:after{content:"§";display:inline-block;position:relative;top:-0.00em;font-size:1.5em;padding:0 .25em;background:#FFFFFF} #stacks_in_5812 { margin: 11px; } #stacks_in_6047>.s3_row { margin: 0 -10px; } #stacks_in_6047>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_6047>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_6047>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_6047>.s3_row { margin: -10px 0; } #stacks_in_6047>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_6047>.s3_row { margin: -10px 0; } #stacks_in_6047>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_6051 h3,#stacks_in_6051 h3 a,#stacks_in_6051 p,#stacks_in_6051 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_6051 h3,#stacks_in_6051 h3 a,#stacks_in_6051 p,#stacks_in_6051 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_6051 h3,#stacks_in_6051 h3 a,#stacks_in_6051 p,#stacks_in_6051 p a{ font-size:12px; } } #stacks_in_6051 h3,#stacks_in_6051 h3 a,#stacks_in_6051 p,#stacks_in_6051 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_6051 p a:hover, #stacks_in_6051 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_6051 { margin: 10px; } #stacks_out_6051 { margin-right:0; } #stacks_in_6052 { font-size: 99%; } #stacks_in_6048 h3,#stacks_in_6048 h3 a,#stacks_in_6048 p,#stacks_in_6048 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_6048 h3,#stacks_in_6048 h3 a,#stacks_in_6048 p,#stacks_in_6048 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_6048 h3,#stacks_in_6048 h3 a,#stacks_in_6048 p,#stacks_in_6048 p a{ font-size:12px; } } #stacks_in_6048 h3,#stacks_in_6048 h3 a,#stacks_in_6048 p,#stacks_in_6048 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_6048 p a:hover, #stacks_in_6048 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_6048 { margin: 10px; } #stacks_out_6048 { margin-right:0; } #stacks_in_6049 { font-size: 99%; } #stacks_in_6059 h3,#stacks_in_6059 h3 a,#stacks_in_6059 p,#stacks_in_6059 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_6059 h3,#stacks_in_6059 h3 a,#stacks_in_6059 p,#stacks_in_6059 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_6059 h3,#stacks_in_6059 h3 a,#stacks_in_6059 p,#stacks_in_6059 p a{ font-size:12px; } } #stacks_in_6059 h3,#stacks_in_6059 h3 a,#stacks_in_6059 p,#stacks_in_6059 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_6059 p a:hover, #stacks_in_6059 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_6059 { margin: 10px; } #stacks_out_6059 { margin-right:0; } #stacks_in_6060 { font-size: 99%; } #stacks_in_6329>.s3_row { margin: 0 -10px; } #stacks_in_6329>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_6329>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_6329>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_6329>.s3_row { margin: -10px 0; } #stacks_in_6329>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_6324 h3,#stacks_in_6324 h3 a,#stacks_in_6324 p,#stacks_in_6324 p a{ font-size:16px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_6324 h3,#stacks_in_6324 h3 a,#stacks_in_6324 p,#stacks_in_6324 p a{ font-size:15px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_6324 h3,#stacks_in_6324 h3 a,#stacks_in_6324 p,#stacks_in_6324 p a{ font-size:13px; } } #stacks_in_6324 h3,#stacks_in_6324 h3 a,#stacks_in_6324 p,#stacks_in_6324 p a{ color:rgba(255, 255, 255, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_6324 p a:hover, #stacks_in_6324 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_6324 { background-color: rgba(0, 64, 128, 1.00); margin: 10px 0px 10px 0px; padding: 10px; } #stacks_out_6324 { margin-right:0; } #stacks_in_6325 { font-size: 99%; } /* ********* */ /* Normalize */ /* ********* */ /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ #stacks_in_6309 article, #stacks_in_6309 aside, #stacks_in_6309 details, #stacks_in_6309 figcaption, #stacks_in_6309 figure, #stacks_in_6309 footer, #stacks_in_6309 header, #stacks_in_6309 hgroup, #stacks_in_6309 main, #stacks_in_6309 nav, #stacks_in_6309 section, #stacks_in_6309 summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ #stacks_in_6309 audio, #stacks_in_6309 canvas, #stacks_in_6309 progress, #stacks_in_6309 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ #stacks_in_6309 audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ #stacks_in_6309 [hidden], #stacks_in_6309 template { display: none; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ #stacks_in_6309 img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ #stacks_in_6309 svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address differences between Firefox and other browsers. */ #stacks_in_6309 hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ #stacks_in_6309 pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ #stacks_in_6309 code, #stacks_in_6309 kbd, #stacks_in_6309 pre, #stacks_in_6309 samp { font-family: monospace, monospace; font-size: 1em; } /* **************** */ /* Stack Specific */ /* **************** */ #stacks_in_6309 *, #stacks_in_6309 *:before, #stacks_in_6309 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_6309 .wow { visibility: hidden; } /* We use this media query to add styles to any device that supports media queries */ @media only screen { #stacks_in_6309 .column_base_margin { margin-bottom: 0px; } } @media only screen and (max-width: 1024px) { #stacks_in_6309 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 768px wide. */ @media only screen and (max-width: 768px) { #stacks_in_6309 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 480px wide. */ @media only screen and (max-width: 640px) { #stacks_in_6309 .column_base_margin { margin-bottom: 0px; } } /* Handles making images responsive inside the stack */ #stacks_in_6309 img { max-width: 100%; height: auto; } /* **************** */ /* Foundation START */ /* **************** */ /* Copyright (c) 2013-2014 ZURB, inc. MIT License 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. */ #stacks_in_6309 meta.foundation-version { font-family: "/5.3.1/"; } #stacks_in_6309 meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } #stacks_in_6309 meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } #stacks_in_6309 meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } #stacks_in_6309 meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } #stacks_in_6309 meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } #stacks_in_6309 meta.foundation-data-attribute-namespace { font-family: false; } #stacks_in_6309 *, #stacks_in_6309 *:before, #stacks_in_6309 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_6309 .left { float: left !important; } #stacks_in_6309 .right { float: right !important; } #stacks_in_6309 .clearfix:before, #stacks_in_6309 .clearfix:after { content: " "; display: table; } #stacks_in_6309 .clearfix:after { clear: both; } #stacks_in_6309 .hide { display: none; } #stacks_in_6309 .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_6309 img { display: inline-block; vertical-align: middle; } #stacks_in_6309 textarea { height: auto; min-height: 50px; } #stacks_in_6309 select { width: 100%; } #stacks_in_6309 .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } #stacks_in_6309 .row:before, #stacks_in_6309 .row:after { content: " "; display: table; } #stacks_in_6309 .row:after { clear: both; } #stacks_in_6309 .row.collapse > .column, #stacks_in_6309 .row.collapse > .columns { padding-left: 0; padding-right: 0; } #stacks_in_6309 .row.collapse .row { margin-left: 0; margin-right: 0; } #stacks_in_6309 .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; } #stacks_in_6309 .row .row:before, #stacks_in_6309 .row .row:after { content: " "; display: table; } #stacks_in_6309 .row .row:after { clear: both; } #stacks_in_6309 .row .row.collapse { width: auto; margin: 0; max-width: none; } #stacks_in_6309 .row .row.collapse:before, #stacks_in_6309 .row .row.collapse:after { content: " "; display: table; } #stacks_in_6309 .row .row.collapse:after { clear: both; } #stacks_in_6309 .column, #stacks_in_6309 .columns { padding-left: 0.9375em; padding-right: 0.9375em; margin-right: 0; /* Fixes comaptiblity with some themes using skeleton.css */ margin-left: 0; /* Fixes comaptiblity with some themes using skeleton.css */ width: 100%; float: left; } #stacks_in_6309 [class*="column"] + [class*="column"]:last-child { float: right; } #stacks_in_6309 [class*="column"] + [class*="column"].end { float: left; } @media only screen { #stacks_in_6309 .small-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6309 .small-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6309 .small-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6309 .small-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6309 .small-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6309 .small-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6309 .small-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6309 .small-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6309 .small-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6309 .small-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6309 .small-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6309 .small-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6309 .small-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6309 .small-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6309 .small-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6309 .small-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6309 .small-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6309 .small-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6309 .small-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6309 .small-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6309 .small-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6309 .small-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6309 .small-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6309 .small-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_6309 .column, #stacks_in_6309 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_6309 .small-1 { width: 8.33333%; } #stacks_in_6309 .small-2 { width: 16.66667%; } #stacks_in_6309 .small-3 { width: 25%; } #stacks_in_6309 .small-4 { width: 33.33333%; } #stacks_in_6309 .small-5 { width: 41.66667%; } #stacks_in_6309 .small-6 { width: 50%; } #stacks_in_6309 .small-7 { width: 58.33333%; } #stacks_in_6309 .small-8 { width: 66.66667%; } #stacks_in_6309 .small-9 { width: 75%; } #stacks_in_6309 .small-10 { width: 83.33333%; } #stacks_in_6309 .small-11 { width: 91.66667%; } #stacks_in_6309 .small-12 { width: 100%; } #stacks_in_6309 .small-offset-0 { margin-left: 0% !important; } #stacks_in_6309 .small-offset-1 { margin-left: 8.33333% !important; } #stacks_in_6309 .small-offset-2 { margin-left: 16.66667% !important; } #stacks_in_6309 .small-offset-3 { margin-left: 25% !important; } #stacks_in_6309 .small-offset-4 { margin-left: 33.33333% !important; } #stacks_in_6309 .small-offset-5 { margin-left: 41.66667% !important; } #stacks_in_6309 .small-offset-6 { margin-left: 50% !important; } #stacks_in_6309 .small-offset-7 { margin-left: 58.33333% !important; } #stacks_in_6309 .small-offset-8 { margin-left: 66.66667% !important; } #stacks_in_6309 .small-offset-9 { margin-left: 75% !important; } #stacks_in_6309 .small-offset-10 { margin-left: 83.33333% !important; } #stacks_in_6309 .small-offset-11 { margin-left: 91.66667% !important; } #stacks_in_6309 .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_6309 .column.small-centered, #stacks_in_6309 .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_6309 .column.small-uncentered, #stacks_in_6309 .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_6309 .column.small-centered:last-child, #stacks_in_6309 .columns.small-centered:last-child { float: none; } #stacks_in_6309 .column.small-uncentered:last-child, #stacks_in_6309 .columns.small-uncentered:last-child { float: left; } #stacks_in_6309 .column.small-uncentered.opposite, #stacks_in_6309 .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 40.063em) { #stacks_in_6309 .medium-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6309 .medium-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6309 .medium-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6309 .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6309 .medium-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6309 .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6309 .medium-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6309 .medium-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6309 .medium-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6309 .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6309 .medium-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6309 .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6309 .medium-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6309 .medium-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6309 .medium-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6309 .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6309 .medium-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6309 .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6309 .medium-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6309 .medium-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6309 .medium-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6309 .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6309 .medium-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6309 .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_6309 .column, #stacks_in_6309 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_6309 .medium-1 { width: 8.33333%; } #stacks_in_6309 .medium-2 { width: 16.66667%; } #stacks_in_6309 .medium-3 { width: 25%; } #stacks_in_6309 .medium-4 { width: 33.33333%; } #stacks_in_6309 .medium-5 { width: 41.66667%; } #stacks_in_6309 .medium-6 { width: 50%; } #stacks_in_6309 .medium-7 { width: 58.33333%; } #stacks_in_6309 .medium-8 { width: 66.66667%; } #stacks_in_6309 .medium-9 { width: 75%; } #stacks_in_6309 .medium-10 { width: 83.33333%; } #stacks_in_6309 .medium-11 { width: 91.66667%; } #stacks_in_6309 .medium-12 { width: 100%; } #stacks_in_6309 .medium-offset-0 { margin-left: 0% !important; } #stacks_in_6309 .medium-offset-1 { margin-left: 8.33333% !important; } #stacks_in_6309 .medium-offset-2 { margin-left: 16.66667% !important; } #stacks_in_6309 .medium-offset-3 { margin-left: 25% !important; } #stacks_in_6309 .medium-offset-4 { margin-left: 33.33333% !important; } #stacks_in_6309 .medium-offset-5 { margin-left: 41.66667% !important; } #stacks_in_6309 .medium-offset-6 { margin-left: 50% !important; } #stacks_in_6309 .medium-offset-7 { margin-left: 58.33333% !important; } #stacks_in_6309 .medium-offset-8 { margin-left: 66.66667% !important; } #stacks_in_6309 .medium-offset-9 { margin-left: 75% !important; } #stacks_in_6309 .medium-offset-10 { margin-left: 83.33333% !important; } #stacks_in_6309 .medium-offset-11 { margin-left: 91.66667% !important; } #stacks_in_6309 .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_6309 .column.medium-centered, #stacks_in_6309 .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_6309 .column.medium-uncentered, #stacks_in_6309 .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_6309 .column.medium-centered:last-child, #stacks_in_6309 .columns.medium-centered:last-child { float: none; } #stacks_in_6309 .column.medium-uncentered:last-child, #stacks_in_6309 .columns.medium-uncentered:last-child { float: left; } #stacks_in_6309 .column.medium-uncentered.opposite, #stacks_in_6309 .columns.medium-uncentered.opposite { float: right; } #stacks_in_6309 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6309 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6309 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6309 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6309 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6309 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6309 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6309 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6309 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6309 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6309 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6309 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6309 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6309 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6309 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6309 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6309 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6309 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6309 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6309 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6309 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6309 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6309 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6309 .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { #stacks_in_6309 .large-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6309 .large-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6309 .large-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6309 .large-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6309 .large-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6309 .large-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6309 .large-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6309 .large-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6309 .large-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6309 .large-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6309 .large-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6309 .large-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6309 .large-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6309 .large-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6309 .large-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6309 .large-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6309 .large-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6309 .large-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6309 .large-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6309 .large-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6309 .large-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6309 .large-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6309 .large-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6309 .large-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_6309 .column, #stacks_in_6309 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_6309 .large-1 { width: 8.33333%; } #stacks_in_6309 .large-2 { width: 16.66667%; } #stacks_in_6309 .large-3 { width: 25%; } #stacks_in_6309 .large-4 { width: 33.33333%; } #stacks_in_6309 .large-5 { width: 41.66667%; } #stacks_in_6309 .large-6 { width: 50%; } #stacks_in_6309 .large-7 { width: 58.33333%; } #stacks_in_6309 .large-8 { width: 66.66667%; } #stacks_in_6309 .large-9 { width: 75%; } #stacks_in_6309 .large-10 { width: 83.33333%; } #stacks_in_6309 .large-11 { width: 91.66667%; } #stacks_in_6309 .large-12 { width: 100%; } #stacks_in_6309 .large-offset-0 { margin-left: 0% !important; } #stacks_in_6309 .large-offset-1 { margin-left: 8.33333% !important; } #stacks_in_6309 .large-offset-2 { margin-left: 16.66667% !important; } #stacks_in_6309 .large-offset-3 { margin-left: 25% !important; } #stacks_in_6309 .large-offset-4 { margin-left: 33.33333% !important; } #stacks_in_6309 .large-offset-5 { margin-left: 41.66667% !important; } #stacks_in_6309 .large-offset-6 { margin-left: 50% !important; } #stacks_in_6309 .large-offset-7 { margin-left: 58.33333% !important; } #stacks_in_6309 .large-offset-8 { margin-left: 66.66667% !important; } #stacks_in_6309 .large-offset-9 { margin-left: 75% !important; } #stacks_in_6309 .large-offset-10 { margin-left: 83.33333% !important; } #stacks_in_6309 .large-offset-11 { margin-left: 91.66667% !important; } #stacks_in_6309 .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_6309 .column.large-centered, #stacks_in_6309 .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_6309 .column.large-uncentered, #stacks_in_6309 .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_6309 .column.large-centered:last-child, #stacks_in_6309 .columns.large-centered:last-child { float: none; } #stacks_in_6309 .column.large-uncentered:last-child, #stacks_in_6309 .columns.large-uncentered:last-child { float: left; } #stacks_in_6309 .column.large-uncentered.opposite, #stacks_in_6309 .columns.large-uncentered.opposite { float: right; } #stacks_in_6309 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6309 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6309 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6309 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6309 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6309 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6309 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6309 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6309 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6309 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6309 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6309 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6309 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6309 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6309 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6309 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6309 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6309 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6309 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6309 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6309 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6309 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6309 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6309 .pull-11 { position: relative; right: 91.66667%; left: auto; } } #stacks_in_6309 [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } #stacks_in_6309 [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } #stacks_in_6309 [class*="block-grid-"]:after { clear: both; } #stacks_in_6309 [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { #stacks_in_6309 .small-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_6309 .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_6309 .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_6309 .small-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_6309 .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_6309 .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_6309 .small-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_6309 .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_6309 .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_6309 .small-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_6309 .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_6309 .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_6309 .small-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_6309 .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_6309 .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_6309 .small-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_6309 .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_6309 .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_6309 .small-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_6309 .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_6309 .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_6309 .small-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_6309 .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_6309 .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_6309 .small-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_6309 .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_6309 .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_6309 .small-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_6309 .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_6309 .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_6309 .small-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_6309 .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_6309 .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_6309 .small-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_6309 .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_6309 .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { #stacks_in_6309 .medium-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_6309 .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_6309 .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_6309 .medium-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_6309 .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_6309 .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_6309 .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_6309 .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_6309 .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_6309 .medium-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_6309 .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_6309 .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_6309 .medium-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_6309 .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_6309 .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_6309 .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_6309 .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_6309 .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_6309 .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_6309 .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_6309 .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_6309 .medium-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_6309 .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_6309 .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_6309 .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_6309 .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_6309 .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_6309 .medium-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_6309 .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_6309 .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_6309 .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_6309 .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_6309 .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_6309 .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_6309 .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_6309 .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { #stacks_in_6309 .large-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_6309 .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_6309 .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_6309 .large-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_6309 .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_6309 .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_6309 .large-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_6309 .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_6309 .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_6309 .large-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_6309 .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_6309 .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_6309 .large-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_6309 .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_6309 .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_6309 .large-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_6309 .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_6309 .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_6309 .large-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_6309 .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_6309 .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_6309 .large-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_6309 .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_6309 .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_6309 .large-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_6309 .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_6309 .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_6309 .large-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_6309 .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_6309 .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_6309 .large-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_6309 .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_6309 .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_6309 .large-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_6309 .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_6309 .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } #stacks_in_6309 { background-color: rgba(230, 230, 230, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; margin: 0px 0px 10px 0px; padding: 0px 5px 0px 10px; } #stacks_in_6310 h3,#stacks_in_6310 h3 a,#stacks_in_6310 p,#stacks_in_6310 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_6310 h3,#stacks_in_6310 h3 a,#stacks_in_6310 p,#stacks_in_6310 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_6310 h3,#stacks_in_6310 h3 a,#stacks_in_6310 p,#stacks_in_6310 p a{ font-size:12px; } } #stacks_in_6310 h3,#stacks_in_6310 h3 a,#stacks_in_6310 p,#stacks_in_6310 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_6310 p a:hover, #stacks_in_6310 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_6310 { margin: 10px; } #stacks_out_6310 { margin-right:0; } #stacks_in_6311 { font-size: 99%; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_6313, #stacks_in_6313 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_6313 { padding: 20px 0px !important; } #press_alignment_stacks_in_6313 { width: 100%; } #press_alignment_stacks_in_6313.press-left { text-align: left; } #press_alignment_stacks_in_6313.press-center { text-align: center; } #press_alignment_stacks_in_6313.press-right { text-align: right; } #stacks_in_6313 { transition: all 200ms ease; /* */ /* */ /* */ background: #999999; background: -webkit-gradient(linear, left top, left bottom, from(to top), color-stop(#999999), to(#FFFFFF)); background: linear-gradient(to top, #999999, #FFFFFF); /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(0, 0, 0, 1.00); margin: 10px 10px 10px 10px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_6313:hover { /* */ /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(253, 128, 8, 1.00); /* */ } #stacks_in_6313:hover .press-icon i { /* */ color: rgba(253, 128, 8, 1.00); /* */ } #stacks_in_6313:active { /* */ /* */ /* */ /* */ color: rgba(204, 0, 0, 1.00); /* */ } #stacks_in_6313:active .press-icon i { /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_6313 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 8px 14px 8px 14px; border-radius: 0px 0px 0px 0px; /* */ /* */ background: rgba(204, 204, 204, 1.00); /* */ /* */ /* */ /* */ /* */ margin-right: 7px; /* */ /* */ /* */ } #stacks_in_6313 .press-icon i { font-size: 17px; color: rgba(0, 0, 0, 1.00); vertical-align: middle; } #stacks_in_6313 .press-text { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 13px; padding: 5px 10px 5px 10px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 16px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_6313 .press-text .out { margin: 0 !important; } #stacks_in_6313 { font-size: 13px; line-height: 16px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } /* -- Start Anchor Each css Template -- */ .stacks_in_5644anchorStack{ height: 0px !important; padding: 0 !important; margin: 0 !important; } .stacks_in_5644editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_5644editInfo i{ vertical-align: middle; } .stacks_in_5644editInfo:before{ content:"#da4"; float: right; } .stacks_in_5644editInfo:after{ content:""; display: table; clear: both; } .stacks_in_5644topOffset{ position: relative; height: 70; background: #ecf0f1; border: 1px solid #bdc3c7; border-top-right-radius: 2px; border-top-left-radius: 2px; margin-bottom: -2px; } .stacks_in_5644topOffset:after{ content: "Top Offset"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #7f8c8d; } /* -- End Anchor Each css Template -- *//* -- Start Anchor Each css Template -- */ .stacks_in_6163editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_6163editInfo i{ vertical-align: middle; } .stacks_in_6163editInfo:before{ content:"#da9"; float: right; } .stacks_in_6163editInfo:after{ content:""; display: table; clear: both; } .stacks_in_6163topOffset{ position: relative; height: 50; background: #ecf0f1; border: 1px solid #bdc3c7; border-top-right-radius: 2px; border-top-left-radius: 2px; margin-bottom: -2px; } .stacks_in_6163topOffset:after{ content: "Top Offset"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #7f8c8d; } /* -- End Anchor Each css Template -- */@font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_in_6164_press.press-lite { box-sizing: border-box; position: relative; /* */ cursor: pointer; /* */ padding: 12px 24px; border-radius: 4px; text-decoration: none; display: inline-block; margin: 0; font-size: 16px; line-height: 16px; /* */ /* */ background-color: rgba(253, 174, 31, 1.00); /* */ /* */ /* */ /* */ /* */ font-family: ; /* */ border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.15); } #stacks_in_6164_press.press-lite:focus {outline:0;} #stacks_in_6164_press_wrap { /* */ display: inline-block; /* */ /* */ /* */ margin: 12px 0px 12px 0px; } #stacks_in_6164_press.press-lite { white-space: nowrap; } #stacks_in_6164_press.press-lite .press-lite-text span, #stacks_in_6164_press.press-lite .press-lite-text:after { overflow: hidden; color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_6164_press.press-lite, #stacks_in_6164_press.press-lite .press-lite-text, #stacks_in_6164_press.press-lite .press-lite-text:after, #stacks_in_6164_press.press-lite .press-lite-text > span, #stacks_in_6164_press.press-lite .press-lite-icon i, #stacks_in_6164_press.press-lite .press-lite-icon img, #stacks_in_6164_press.press-lite .press-lite-icon svg, #stacks_in_6164_press.press-lite .press-lite-icon svg path, #stacks_in_6164_press.press-lite .press-lite-icon svg polyline, #stacks_in_6164_press.press-lite .press-lite-icon:after { transition: all 200ms ease; } #stacks_in_6164_press.press-lite .press-lite-text { z-index: 1; position: relative; } #stacks_in_6164_press.press-lite .press-lite-icon i, #stacks_in_6164_press.press-lite .press-lite-icon img { position: relative; color: rgba(51, 51, 51, 1.00); display: inline-block; /* */ margin-right: 8px; /* */ font-size: 16px; line-height: 16px; z-index: 1; } #stacks_in_6164_press.press-lite .press-lite-icon img { height: 16px; width: auto; vertical-align: top; } #stacks_in_6164_press.press-lite .press-lite-icon svg { display: inline-block; /* */ margin-right: 8px; /* */ height: 20.000000px; z-index: 1; } /* */ #stacks_in_6164_press.press-lite .press-lite-icon.press-lite-icon-off svg { transform: translateX(5%); } #stacks_in_6164_press.press-lite .press-lite-icon svg path { fill: rgba(51, 51, 51, 1.00); } #stacks_in_6164_press.press-lite .press-lite-icon svg polyline { fill:none; stroke: rgba(51, 51, 51, 1.00); stroke-linecap:round; stroke-linejoin:round; stroke-width:48px; } #stacks_in_6164_press.press-lite:active, #stacks_in_6164_press.press-lite:focus { transform: translate(0,0); } /* */ /* */ #stacks_in_6164_press.press-lite:hover { background: rgba(235, 235, 235, 0.50); } /* */ /* */ /* */ #stacks_in_6164_press.press-lite { padding: 0; } #stacks_in_6164_press.press-lite .press-lite-text { position: relative; z-index: 1; display: inline-block; padding: 12px 24px 12px 13px; } #stacks_in_6164_press.press-lite .press-lite-icon i, #stacks_in_6164_press.press-lite .press-lite-icon img, #stacks_in_6164_press.press-lite .press-lite-icon svg { margin: 0; } #stacks_in_6164_press.press-lite .press-lite-icon { padding: 0px; display: grid; float:left; align-content: center; justify-content: center; width: 40px; height: 40px; text-align: center; } #stacks_in_6164_press.press-lite .press-lite-icon:after { content: ""; color: transparent; position: absolute; top: -1px; left: -1px; bottom: -1px; background: rgba(0, 0, 0, 0.00); border-radius: 4px 0px 0px 4px; width: 40px; height: 42px; } /* */ /* */ /* */ /* */ /* */ /* */ #stacks_in_6164_press.press-lite:active { box-shadow: inset 0px 0px 0px 300px rgba(0,0,0,0.1); } /* */ #stacks_in_6164_press.press-lite .press-lite-lines { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; display: grid; } #stacks_in_6164_press.press-lite .press-lite-line-t, #stacks_in_6164_press.press-lite .press-lite-line-b { position: absolute; height: 1px; width: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_6164_press.press-lite .press-lite-line-l, #stacks_in_6164_press.press-lite .press-lite-line-r { position: absolute; width: 1px; height: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_6164_press.press-lite .press-lite-line-t { top: 0; } #stacks_in_6164_press.press-lite .press-lite-line-b { bottom: 0; width: 100%; } #stacks_in_6164_press.press-lite .press-lite-line-l { left: 0; } #stacks_in_6164_press.press-lite .press-lite-line-r { right: 0; } /* */ /* */ /* */ /* */ #stacks_in_6233 h3,#stacks_in_6233 h3 a,#stacks_in_6233 p,#stacks_in_6233 p a{ font-size:16px; line-height:1.25em; margin:0; } #stacks_in_6233 h3,#stacks_in_6233 h3 a,#stacks_in_6233 p,#stacks_in_6233 p a{ color:rgba(250, 255, 255, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_6233 p a:hover, #stacks_in_6233 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_6233 { background-color: rgba(0, 64, 128, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; padding: 20px; } #stacks_in_6235 { background-color: rgba(253, 255, 255, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; padding: 10px; } /* -- Start Swell Each css Template -- */ #stacks_in_4089{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_4089swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_4089swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_4089swell{ max-width: 800px; } .stacks_in_4089swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_4089swell-with-zoom .mfp-container,.stacks_in_4089swell-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 198.000015ms ease-out; -moz-transition: all 198.000015ms ease-out; -o-transition: all 198.000015ms ease-out; transition: all 198.000015ms ease-out; } .stacks_in_4089swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_4089swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_4089swell-with-zoom.mfp-removing .mfp-container,.stacks_in_4089swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_4089 .swellzoomeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_4089 .swellshrinkeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_4089 .swellcircleeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #stacks_in_4089 .swellthreedeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media all and (min-width: 480px) { #stacks_in_4089 .swellzoomeffect img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } #stacks_in_4089 .swellshrinkeffect img:hover{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9); } #stacks_in_4089 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_4089 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_4089 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_4089 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_4089 .swellthreedeffect:hover{ box-shadow: 1px 1px rgba(242, 88, 95, 1.00), 2px 2px rgba(242, 88, 95, 1.00), 3px 3px rgba(242, 88, 95, 1.00); -webkit-transform: translateX(-3px); transform: translateX(-3px); } } /* -- End Swell Each css Template -- */ #stacks_in_6058 hr{border:0;height:0;width:100%;margin:0;padding:0}#stacks_in_6058 hr.gradient{height:1px;background:#333;background-image:-webkit-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:-moz-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:-ms-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:-o-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:linear-gradient(left,#CCCCCC,#333333,#CCCCCC)}#stacks_in_6058 hr.faded{height:1px;background-image:-webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0))}#stacks_in_6058 hr.dashed_fade{border-bottom:1px dashed #7E7E7E;background:#333333}#stacks_in_6058 hr.dotted_fade{border-bottom:1px dotted #7E7E7E;background:#333333}#stacks_in_6058 hr.dashed{border-bottom:1px dashed #333333}#stacks_in_6058 hr.dotted{border-bottom:1px dotted #7E7E7E}#stacks_in_6058 hr.shadow{height:1px;box-shadow:inset 0 1px 1px -1px rgba(0,0,0,0.5)}#stacks_in_6058 hr.cloudy{margin:1px 0;box-shadow:0 0 1px 1px #333333}#stacks_in_6058 hr.cloudy:after{content:"\00a0"}#stacks_in_6058 hr.inset{border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(255,255,255,0.3)}#stacks_in_6058 hr.inset_two{border-top:1px solid #CCCCCC;border-bottom:1px solid #333333}#stacks_in_6058 hr.inset_three{border-top:1px solid #333333;border-bottom:1px solid #CCCCCC}#stacks_in_6058 hr.inset_four{border-top:1px solid #333333;border-bottom:1px solid #CCCCCC}#stacks_in_6058 hr.flared{height:30px;border-style:solid;border-color:#333333;border-width:1px 0 0 0;border-radius:20px;margin-top:12px}#stacks_in_6058 hr.flared:before{display:block;content:"";height:30px;margin-top:-31px;border-style:solid;border-color:#333333;border-width:0 0 1px 0;border-radius:20px}#stacks_in_6058 hr.glyph{padding:0;border:0;border-top:1px double #333333;color:#333333;text-align:center;margin:1em 0}#stacks_in_6058 hr.glyph:after{content:"§";display:inline-block;position:relative;top:-0.00em;font-size:1.5em;padding:0 .25em;background:#FFFFFF} #stacks_in_6058 { margin: 11px; } #stacks_in_6743>.s3_row { margin: 0 -0px; } #stacks_in_6743>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_6743>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_6743>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { #stacks_in_6743>.s3_row { margin: -0px 0; } #stacks_in_6743>.s3_row>.s3_column { padding: 0px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_6743>.s3_row { margin: -0px 0; } #stacks_in_6743>.s3_row>.s3_column { padding: 0px 0; width:100%; } } #stacks_in_6747 h3,#stacks_in_6747 h3 a,#stacks_in_6747 p,#stacks_in_6747 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_6747 h3,#stacks_in_6747 h3 a,#stacks_in_6747 p,#stacks_in_6747 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_6747 h3,#stacks_in_6747 h3 a,#stacks_in_6747 p,#stacks_in_6747 p a{ font-size:12px; } } #stacks_in_6747 h3,#stacks_in_6747 h3 a,#stacks_in_6747 p,#stacks_in_6747 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_6747 p a:hover, #stacks_in_6747 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_6747 { margin: 10px; } #stacks_out_6747 { margin-right:0; } #stacks_in_6748 { font-size: 99%; } #stacks_in_6744 h3,#stacks_in_6744 h3 a,#stacks_in_6744 p,#stacks_in_6744 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_6744 h3,#stacks_in_6744 h3 a,#stacks_in_6744 p,#stacks_in_6744 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_6744 h3,#stacks_in_6744 h3 a,#stacks_in_6744 p,#stacks_in_6744 p a{ font-size:12px; } } #stacks_in_6744 h3,#stacks_in_6744 h3 a,#stacks_in_6744 p,#stacks_in_6744 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_6744 p a:hover, #stacks_in_6744 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_6744 { margin: 10px; } #stacks_out_6744 { margin-right:0; } #stacks_in_6745 { font-size: 99%; } #stacks_in_6628 h3,#stacks_in_6628 h3 a,#stacks_in_6628 p,#stacks_in_6628 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_6628 h3,#stacks_in_6628 h3 a,#stacks_in_6628 p,#stacks_in_6628 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_6628 h3,#stacks_in_6628 h3 a,#stacks_in_6628 p,#stacks_in_6628 p a{ font-size:12px; } } #stacks_in_6628 h3,#stacks_in_6628 h3 a,#stacks_in_6628 p,#stacks_in_6628 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_6628 p a:hover, #stacks_in_6628 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_6628 { margin: 10px; } #stacks_out_6628 { margin-right:0; } #stacks_in_6629 { font-size: 99%; } #stacks_in_6616>.s3_row { margin: 0 -10px; } #stacks_in_6616>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_6616>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_6616>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_6616>.s3_row { margin: -10px 0; } #stacks_in_6616>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_6618 h3,#stacks_in_6618 h3 a,#stacks_in_6618 p,#stacks_in_6618 p a{ font-size:16px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_6618 h3,#stacks_in_6618 h3 a,#stacks_in_6618 p,#stacks_in_6618 p a{ font-size:15px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_6618 h3,#stacks_in_6618 h3 a,#stacks_in_6618 p,#stacks_in_6618 p a{ font-size:13px; } } #stacks_in_6618 h3,#stacks_in_6618 h3 a,#stacks_in_6618 p,#stacks_in_6618 p a{ color:rgba(255, 255, 255, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_6618 p a:hover, #stacks_in_6618 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_6618 { background-color: rgba(0, 64, 128, 1.00); margin: 10px 0px 10px 0px; padding: 10px; } #stacks_out_6618 { margin-right:0; } #stacks_in_6619 { font-size: 99%; } /* ********* */ /* Normalize */ /* ********* */ /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ #stacks_in_6968 article, #stacks_in_6968 aside, #stacks_in_6968 details, #stacks_in_6968 figcaption, #stacks_in_6968 figure, #stacks_in_6968 footer, #stacks_in_6968 header, #stacks_in_6968 hgroup, #stacks_in_6968 main, #stacks_in_6968 nav, #stacks_in_6968 section, #stacks_in_6968 summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ #stacks_in_6968 audio, #stacks_in_6968 canvas, #stacks_in_6968 progress, #stacks_in_6968 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ #stacks_in_6968 audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ #stacks_in_6968 [hidden], #stacks_in_6968 template { display: none; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ #stacks_in_6968 img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ #stacks_in_6968 svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address differences between Firefox and other browsers. */ #stacks_in_6968 hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ #stacks_in_6968 pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ #stacks_in_6968 code, #stacks_in_6968 kbd, #stacks_in_6968 pre, #stacks_in_6968 samp { font-family: monospace, monospace; font-size: 1em; } /* **************** */ /* Stack Specific */ /* **************** */ #stacks_in_6968 *, #stacks_in_6968 *:before, #stacks_in_6968 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_6968 .wow { visibility: hidden; } /* We use this media query to add styles to any device that supports media queries */ @media only screen { #stacks_in_6968 .column_base_margin { margin-bottom: 0px; } } @media only screen and (max-width: 1024px) { #stacks_in_6968 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 768px wide. */ @media only screen and (max-width: 768px) { #stacks_in_6968 .column_base_margin { margin-bottom: 0px; } } /* Used to alter styles for screens at least 480px wide. */ @media only screen and (max-width: 640px) { #stacks_in_6968 .column_base_margin { margin-bottom: 0px; } } /* Handles making images responsive inside the stack */ #stacks_in_6968 img { max-width: 100%; height: auto; } /* **************** */ /* Foundation START */ /* **************** */ /* Copyright (c) 2013-2014 ZURB, inc. MIT License 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. */ #stacks_in_6968 meta.foundation-version { font-family: "/5.3.1/"; } #stacks_in_6968 meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } #stacks_in_6968 meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } #stacks_in_6968 meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } #stacks_in_6968 meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } #stacks_in_6968 meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } #stacks_in_6968 meta.foundation-data-attribute-namespace { font-family: false; } #stacks_in_6968 *, #stacks_in_6968 *:before, #stacks_in_6968 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_6968 .left { float: left !important; } #stacks_in_6968 .right { float: right !important; } #stacks_in_6968 .clearfix:before, #stacks_in_6968 .clearfix:after { content: " "; display: table; } #stacks_in_6968 .clearfix:after { clear: both; } #stacks_in_6968 .hide { display: none; } #stacks_in_6968 .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_6968 img { display: inline-block; vertical-align: middle; } #stacks_in_6968 textarea { height: auto; min-height: 50px; } #stacks_in_6968 select { width: 100%; } #stacks_in_6968 .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } #stacks_in_6968 .row:before, #stacks_in_6968 .row:after { content: " "; display: table; } #stacks_in_6968 .row:after { clear: both; } #stacks_in_6968 .row.collapse > .column, #stacks_in_6968 .row.collapse > .columns { padding-left: 0; padding-right: 0; } #stacks_in_6968 .row.collapse .row { margin-left: 0; margin-right: 0; } #stacks_in_6968 .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; } #stacks_in_6968 .row .row:before, #stacks_in_6968 .row .row:after { content: " "; display: table; } #stacks_in_6968 .row .row:after { clear: both; } #stacks_in_6968 .row .row.collapse { width: auto; margin: 0; max-width: none; } #stacks_in_6968 .row .row.collapse:before, #stacks_in_6968 .row .row.collapse:after { content: " "; display: table; } #stacks_in_6968 .row .row.collapse:after { clear: both; } #stacks_in_6968 .column, #stacks_in_6968 .columns { padding-left: 0.9375em; padding-right: 0.9375em; margin-right: 0; /* Fixes comaptiblity with some themes using skeleton.css */ margin-left: 0; /* Fixes comaptiblity with some themes using skeleton.css */ width: 100%; float: left; } #stacks_in_6968 [class*="column"] + [class*="column"]:last-child { float: right; } #stacks_in_6968 [class*="column"] + [class*="column"].end { float: left; } @media only screen { #stacks_in_6968 .small-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6968 .small-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6968 .small-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6968 .small-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6968 .small-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6968 .small-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6968 .small-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6968 .small-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6968 .small-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6968 .small-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6968 .small-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6968 .small-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6968 .small-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6968 .small-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6968 .small-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6968 .small-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6968 .small-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6968 .small-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6968 .small-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6968 .small-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6968 .small-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6968 .small-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6968 .small-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6968 .small-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_6968 .column, #stacks_in_6968 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_6968 .small-1 { width: 8.33333%; } #stacks_in_6968 .small-2 { width: 16.66667%; } #stacks_in_6968 .small-3 { width: 25%; } #stacks_in_6968 .small-4 { width: 33.33333%; } #stacks_in_6968 .small-5 { width: 41.66667%; } #stacks_in_6968 .small-6 { width: 50%; } #stacks_in_6968 .small-7 { width: 58.33333%; } #stacks_in_6968 .small-8 { width: 66.66667%; } #stacks_in_6968 .small-9 { width: 75%; } #stacks_in_6968 .small-10 { width: 83.33333%; } #stacks_in_6968 .small-11 { width: 91.66667%; } #stacks_in_6968 .small-12 { width: 100%; } #stacks_in_6968 .small-offset-0 { margin-left: 0% !important; } #stacks_in_6968 .small-offset-1 { margin-left: 8.33333% !important; } #stacks_in_6968 .small-offset-2 { margin-left: 16.66667% !important; } #stacks_in_6968 .small-offset-3 { margin-left: 25% !important; } #stacks_in_6968 .small-offset-4 { margin-left: 33.33333% !important; } #stacks_in_6968 .small-offset-5 { margin-left: 41.66667% !important; } #stacks_in_6968 .small-offset-6 { margin-left: 50% !important; } #stacks_in_6968 .small-offset-7 { margin-left: 58.33333% !important; } #stacks_in_6968 .small-offset-8 { margin-left: 66.66667% !important; } #stacks_in_6968 .small-offset-9 { margin-left: 75% !important; } #stacks_in_6968 .small-offset-10 { margin-left: 83.33333% !important; } #stacks_in_6968 .small-offset-11 { margin-left: 91.66667% !important; } #stacks_in_6968 .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_6968 .column.small-centered, #stacks_in_6968 .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_6968 .column.small-uncentered, #stacks_in_6968 .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_6968 .column.small-centered:last-child, #stacks_in_6968 .columns.small-centered:last-child { float: none; } #stacks_in_6968 .column.small-uncentered:last-child, #stacks_in_6968 .columns.small-uncentered:last-child { float: left; } #stacks_in_6968 .column.small-uncentered.opposite, #stacks_in_6968 .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 40.063em) { #stacks_in_6968 .medium-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6968 .medium-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6968 .medium-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6968 .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6968 .medium-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6968 .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6968 .medium-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6968 .medium-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6968 .medium-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6968 .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6968 .medium-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6968 .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6968 .medium-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6968 .medium-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6968 .medium-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6968 .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6968 .medium-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6968 .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6968 .medium-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6968 .medium-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6968 .medium-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6968 .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6968 .medium-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6968 .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_6968 .column, #stacks_in_6968 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_6968 .medium-1 { width: 8.33333%; } #stacks_in_6968 .medium-2 { width: 16.66667%; } #stacks_in_6968 .medium-3 { width: 25%; } #stacks_in_6968 .medium-4 { width: 33.33333%; } #stacks_in_6968 .medium-5 { width: 41.66667%; } #stacks_in_6968 .medium-6 { width: 50%; } #stacks_in_6968 .medium-7 { width: 58.33333%; } #stacks_in_6968 .medium-8 { width: 66.66667%; } #stacks_in_6968 .medium-9 { width: 75%; } #stacks_in_6968 .medium-10 { width: 83.33333%; } #stacks_in_6968 .medium-11 { width: 91.66667%; } #stacks_in_6968 .medium-12 { width: 100%; } #stacks_in_6968 .medium-offset-0 { margin-left: 0% !important; } #stacks_in_6968 .medium-offset-1 { margin-left: 8.33333% !important; } #stacks_in_6968 .medium-offset-2 { margin-left: 16.66667% !important; } #stacks_in_6968 .medium-offset-3 { margin-left: 25% !important; } #stacks_in_6968 .medium-offset-4 { margin-left: 33.33333% !important; } #stacks_in_6968 .medium-offset-5 { margin-left: 41.66667% !important; } #stacks_in_6968 .medium-offset-6 { margin-left: 50% !important; } #stacks_in_6968 .medium-offset-7 { margin-left: 58.33333% !important; } #stacks_in_6968 .medium-offset-8 { margin-left: 66.66667% !important; } #stacks_in_6968 .medium-offset-9 { margin-left: 75% !important; } #stacks_in_6968 .medium-offset-10 { margin-left: 83.33333% !important; } #stacks_in_6968 .medium-offset-11 { margin-left: 91.66667% !important; } #stacks_in_6968 .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_6968 .column.medium-centered, #stacks_in_6968 .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_6968 .column.medium-uncentered, #stacks_in_6968 .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_6968 .column.medium-centered:last-child, #stacks_in_6968 .columns.medium-centered:last-child { float: none; } #stacks_in_6968 .column.medium-uncentered:last-child, #stacks_in_6968 .columns.medium-uncentered:last-child { float: left; } #stacks_in_6968 .column.medium-uncentered.opposite, #stacks_in_6968 .columns.medium-uncentered.opposite { float: right; } #stacks_in_6968 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6968 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6968 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6968 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6968 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6968 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6968 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6968 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6968 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6968 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6968 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6968 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6968 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6968 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6968 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6968 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6968 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6968 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6968 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6968 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6968 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6968 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6968 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6968 .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { #stacks_in_6968 .large-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6968 .large-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6968 .large-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6968 .large-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6968 .large-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6968 .large-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6968 .large-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6968 .large-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6968 .large-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6968 .large-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6968 .large-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6968 .large-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6968 .large-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6968 .large-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6968 .large-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6968 .large-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6968 .large-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6968 .large-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6968 .large-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6968 .large-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6968 .large-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6968 .large-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6968 .large-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6968 .large-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_6968 .column, #stacks_in_6968 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_6968 .large-1 { width: 8.33333%; } #stacks_in_6968 .large-2 { width: 16.66667%; } #stacks_in_6968 .large-3 { width: 25%; } #stacks_in_6968 .large-4 { width: 33.33333%; } #stacks_in_6968 .large-5 { width: 41.66667%; } #stacks_in_6968 .large-6 { width: 50%; } #stacks_in_6968 .large-7 { width: 58.33333%; } #stacks_in_6968 .large-8 { width: 66.66667%; } #stacks_in_6968 .large-9 { width: 75%; } #stacks_in_6968 .large-10 { width: 83.33333%; } #stacks_in_6968 .large-11 { width: 91.66667%; } #stacks_in_6968 .large-12 { width: 100%; } #stacks_in_6968 .large-offset-0 { margin-left: 0% !important; } #stacks_in_6968 .large-offset-1 { margin-left: 8.33333% !important; } #stacks_in_6968 .large-offset-2 { margin-left: 16.66667% !important; } #stacks_in_6968 .large-offset-3 { margin-left: 25% !important; } #stacks_in_6968 .large-offset-4 { margin-left: 33.33333% !important; } #stacks_in_6968 .large-offset-5 { margin-left: 41.66667% !important; } #stacks_in_6968 .large-offset-6 { margin-left: 50% !important; } #stacks_in_6968 .large-offset-7 { margin-left: 58.33333% !important; } #stacks_in_6968 .large-offset-8 { margin-left: 66.66667% !important; } #stacks_in_6968 .large-offset-9 { margin-left: 75% !important; } #stacks_in_6968 .large-offset-10 { margin-left: 83.33333% !important; } #stacks_in_6968 .large-offset-11 { margin-left: 91.66667% !important; } #stacks_in_6968 .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_6968 .column.large-centered, #stacks_in_6968 .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_6968 .column.large-uncentered, #stacks_in_6968 .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_6968 .column.large-centered:last-child, #stacks_in_6968 .columns.large-centered:last-child { float: none; } #stacks_in_6968 .column.large-uncentered:last-child, #stacks_in_6968 .columns.large-uncentered:last-child { float: left; } #stacks_in_6968 .column.large-uncentered.opposite, #stacks_in_6968 .columns.large-uncentered.opposite { float: right; } #stacks_in_6968 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_6968 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_6968 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_6968 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_6968 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_6968 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_6968 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_6968 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_6968 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_6968 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_6968 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_6968 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_6968 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_6968 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_6968 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_6968 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_6968 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_6968 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_6968 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_6968 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_6968 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_6968 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_6968 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_6968 .pull-11 { position: relative; right: 91.66667%; left: auto; } } #stacks_in_6968 [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } #stacks_in_6968 [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } #stacks_in_6968 [class*="block-grid-"]:after { clear: both; } #stacks_in_6968 [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { #stacks_in_6968 .small-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_6968 .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_6968 .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_6968 .small-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_6968 .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_6968 .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_6968 .small-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_6968 .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_6968 .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_6968 .small-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_6968 .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_6968 .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_6968 .small-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_6968 .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_6968 .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_6968 .small-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_6968 .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_6968 .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_6968 .small-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_6968 .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_6968 .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_6968 .small-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_6968 .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_6968 .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_6968 .small-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_6968 .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_6968 .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_6968 .small-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_6968 .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_6968 .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_6968 .small-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_6968 .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_6968 .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_6968 .small-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_6968 .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_6968 .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { #stacks_in_6968 .medium-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_6968 .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_6968 .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_6968 .medium-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_6968 .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_6968 .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_6968 .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_6968 .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_6968 .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_6968 .medium-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_6968 .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_6968 .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_6968 .medium-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_6968 .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_6968 .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_6968 .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_6968 .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_6968 .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_6968 .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_6968 .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_6968 .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_6968 .medium-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_6968 .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_6968 .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_6968 .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_6968 .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_6968 .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_6968 .medium-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_6968 .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_6968 .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_6968 .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_6968 .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_6968 .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_6968 .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_6968 .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_6968 .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { #stacks_in_6968 .large-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_6968 .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_6968 .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_6968 .large-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_6968 .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_6968 .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_6968 .large-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_6968 .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_6968 .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_6968 .large-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_6968 .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_6968 .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_6968 .large-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_6968 .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_6968 .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_6968 .large-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_6968 .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_6968 .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_6968 .large-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_6968 .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_6968 .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_6968 .large-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_6968 .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_6968 .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_6968 .large-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_6968 .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_6968 .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_6968 .large-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_6968 .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_6968 .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_6968 .large-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_6968 .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_6968 .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_6968 .large-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_6968 .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_6968 .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } #stacks_in_6968 { background-color: rgba(230, 230, 230, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; margin: 0px 0px 10px 0px; padding: 0px 5px 0px 10px; } #stacks_in_6969 h3,#stacks_in_6969 h3 a,#stacks_in_6969 p,#stacks_in_6969 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_6969 h3,#stacks_in_6969 h3 a,#stacks_in_6969 p,#stacks_in_6969 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_6969 h3,#stacks_in_6969 h3 a,#stacks_in_6969 p,#stacks_in_6969 p a{ font-size:12px; } } #stacks_in_6969 h3,#stacks_in_6969 h3 a,#stacks_in_6969 p,#stacks_in_6969 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_6969 p a:hover, #stacks_in_6969 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_6969 { margin: 10px; } #stacks_out_6969 { margin-right:0; } #stacks_in_6970 { font-size: 99%; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_6972, #stacks_in_6972 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_6972 { padding: 20px 0px !important; } #press_alignment_stacks_in_6972 { width: 100%; } #press_alignment_stacks_in_6972.press-left { text-align: left; } #press_alignment_stacks_in_6972.press-center { text-align: center; } #press_alignment_stacks_in_6972.press-right { text-align: right; } #stacks_in_6972 { transition: all 200ms ease; /* */ /* */ /* */ background: #999999; background: -webkit-gradient(linear, left top, left bottom, from(to top), color-stop(#999999), to(#FFFFFF)); background: linear-gradient(to top, #999999, #FFFFFF); /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(0, 0, 0, 1.00); margin: 10px 10px 10px 10px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_6972:hover { /* */ /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(253, 128, 8, 1.00); /* */ } #stacks_in_6972:hover .press-icon i { /* */ color: rgba(253, 128, 8, 1.00); /* */ } #stacks_in_6972:active { /* */ /* */ /* */ /* */ color: rgba(204, 0, 0, 1.00); /* */ } #stacks_in_6972:active .press-icon i { /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_6972 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 8px 14px 8px 14px; border-radius: 0px 0px 0px 0px; /* */ /* */ background: rgba(204, 204, 204, 1.00); /* */ /* */ /* */ /* */ /* */ margin-right: 7px; /* */ /* */ /* */ } #stacks_in_6972 .press-icon i { font-size: 17px; color: rgba(0, 0, 0, 1.00); vertical-align: middle; } #stacks_in_6972 .press-text { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 13px; padding: 5px 10px 5px 10px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 16px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_6972 .press-text .out { margin: 0 !important; } #stacks_in_6972 { font-size: 13px; line-height: 16px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } /* -- Start Anchor Each css Template -- */ .stacks_in_7522editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_7522editInfo i{ vertical-align: middle; } .stacks_in_7522editInfo:before{ content:"#da13"; float: right; } .stacks_in_7522editInfo:after{ content:""; display: table; clear: both; } .stacks_in_7522topOffset{ position: relative; height: 50; background: #ecf0f1; border: 1px solid #bdc3c7; border-top-right-radius: 2px; border-top-left-radius: 2px; margin-bottom: -2px; } .stacks_in_7522topOffset:after{ content: "Top Offset"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #7f8c8d; } /* -- End Anchor Each css Template -- */ #stacks_in_7522 { padding: 0px 0px 40px 0px; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_9199_2, #stacks_in_9199_2 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_9199_2 { padding: 20px 0px !important; } #press_alignment_stacks_in_9199_2 { width: 100%; } #press_alignment_stacks_in_9199_2.press-left { text-align: left; } #press_alignment_stacks_in_9199_2.press-center { text-align: center; } #press_alignment_stacks_in_9199_2.press-right { text-align: right; } #stacks_in_9199_2 { transition: all 200ms ease; /* */ background: none; /* */ /* */ /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 0px 0px 0px 0px; padding: 0px 12px 0px 12px; border-radius: 0px 0px 0px 0px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_9199_2:hover { /* */ /* */ /* */ /* */ } #stacks_in_9199_2:hover .press-icon i { /* */ color: rgba(253, 155, 16, 1.00); /* */ } #stacks_in_9199_2:active { /* */ /* */ /* */ /* */ } #stacks_in_9199_2:active .press-icon i { /* */ } #stacks_in_9199_2 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; /* */ background: none; /* */ /* */ /* */ /* */ /* */ width: 60px; height: 60px; /* */ } #stacks_in_9199_2 .press-icon i { font-size: 60px; color: rgba(0, 0, 0, 1.00); vertical-align: middle; } #stacks_in_9199_2 .press-text { /* */ /* */ font-family: "Nunito"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; padding: 0px 0px 0px 0px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 22px; /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ /* */ } #stacks_in_9199_2 .press-text .out { margin: 0 !important; } #stacks_in_9199_2 { font-size: 16px; line-height: 22px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } #stacks_in_7496 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_7496 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_7496 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_7498 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_7498 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_7498 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_7500 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_7500 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_7500 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_7502 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_7502 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_7502 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_7504 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_7504 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_7504 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }/* -- Start Anchor Each css Template -- */ .stacks_in_9176anchorStack{ height: 0px !important; padding: 0 !important; margin: 0 !important; } .stacks_in_9176editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_9176editInfo i{ vertical-align: middle; } .stacks_in_9176editInfo:before{ content:"#da13"; float: right; } .stacks_in_9176editInfo:after{ content:""; display: table; clear: both; } .stacks_in_9176topOffset{ position: relative; height: 0; background: #ecf0f1; border: 1px solid #bdc3c7; border-top-right-radius: 2px; border-top-left-radius: 2px; margin-bottom: -2px; } /* -- End Anchor Each css Template -- *//* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_9177, #stacks_in_9177 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_9177 { padding: 20px 0px !important; } #press_alignment_stacks_in_9177 { width: 100%; } #press_alignment_stacks_in_9177.press-left { text-align: left; } #press_alignment_stacks_in_9177.press-center { text-align: center; } #press_alignment_stacks_in_9177.press-right { text-align: right; } #stacks_in_9177 { transition: all 200ms ease; /* */ background: none; /* */ /* */ /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 0px 0px 0px 0px; padding: 0px 12px 0px 12px; border-radius: 0px 0px 0px 0px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_9177:hover { /* */ /* */ /* */ /* */ } #stacks_in_9177:hover .press-icon i { /* */ color: rgba(253, 155, 16, 1.00); /* */ } #stacks_in_9177:active { /* */ /* */ /* */ /* */ } #stacks_in_9177:active .press-icon i { /* */ } #stacks_in_9177 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; /* */ background: none; /* */ /* */ /* */ /* */ /* */ width: 60px; height: 60px; /* */ } #stacks_in_9177 .press-icon i { font-size: 60px; color: rgba(0, 0, 0, 1.00); vertical-align: middle; } #stacks_in_9177 .press-text { /* */ /* */ font-family: "Nunito"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; padding: 0px 0px 0px 0px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 22px; /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ /* */ } #stacks_in_9177 .press-text .out { margin: 0 !important; } #stacks_in_9177 { font-size: 16px; line-height: 22px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } .hp_stacks_in_7533 .hp-bg-layer { background-color : rgba(255, 255, 255, 1.00); } .hp_stacks_in_7533 .hp-fg-layer { min-height: 100vh; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; } .hp_stacks_in_7533 .hp-fg-layer .hp-section { max-width: 1280px; width: calc(100% - 60px); margin:0 auto; } .hp_stacks_in_7533 .hp-fg-layer > .hp-layer-2, .hp_stacks_in_7533 .hp-fg-layer > .hp-layer-4 { display: none; } .hp_stacks_in_7533 .hp-fg-layer .hp-svg-wrap > .hp-extend, .hp_stacks_in_7533 .hp-fg-layer .hp-layer-2 .hp-svg-wrap .hp-wave-1, .hp_stacks_in_7533 .hp-fg-layer .hp-layer-3 .hp-svg-wrap .hp-wave-2, .hp_stacks_in_7533 .hp-fg-layer .hp-layer-4 .hp-svg-wrap .hp-wave-3 { display: block; } .hp_stacks_in_7533 .hp-fg-layer .hp-layer-3 .hp-svg-wrap .hp-wave-2 { -webkit-transform: translateX(-50%) rotateY(180deg); transform: translateX(-50%) rotateY(180deg); left: 50%; position: relative; } @media all and (min-width:1920px){ .hp_stacks_in_7533 .hp-svg-wrap svg{ height:240px } .hp_stacks_in_7533 .hp-fg-layer .hp-horizon-content{ padding-bottom:240px } .hp_stacks_in_7533 .hp-fg-layer .hp-svg-wrap svg{ position:absolute; top:-240px } } #stacks_in_9174 h3,#stacks_in_9174 h3 a,#stacks_in_9174 p,#stacks_in_9174 p a{ font-size:25px; line-height:1.25em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_9174 h3,#stacks_in_9174 h3 a,#stacks_in_9174 p,#stacks_in_9174 p a{ font-size:20px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_9174 h3,#stacks_in_9174 h3 a,#stacks_in_9174 p,#stacks_in_9174 p a{ font-size:18px; } } #stacks_in_9174 h3,#stacks_in_9174 h3 a,#stacks_in_9174 p,#stacks_in_9174 p a{ color:rgba(2, 2, 2, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:center; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_9174 p a:hover, #stacks_in_9174 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_9174 { padding: 20px; } /* */ #flex-stacks_in_7545 { margin: 0 auto; max-width: 1280px; } #flex-stacks_in_7545 .flex-controls { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #flex-stacks_in_7545 .flex-controls.no-inner-text #flex-toggle-stacks_in_7545::before { display: none; } #flex-stacks_in_7545 .flex-controls.no-outer-text #flex-toggle-text-stacks_in_7545 { display: none; } #flex-stacks_in_7545 .flex-controls #flex-toggle-text-stacks_in_7545 { color: rgba(69, 90, 100, 1.00); font-size: 13px; cursor: pointer; font-weight: bold; margin-right: 10px; display: inline-block; } #flex-stacks_in_7545 .flex-controls #flex-toggle-text-stacks_in_7545::before { display: inline-block; content: 'CLOSE ALL'; } #flex-stacks_in_7545 .flex-controls #flex-toggle-text-stacks_in_7545.off::before { content: 'OPEN ALL'; } #flex-stacks_in_7545 .flex-controls #flex-toggle-stacks_in_7545 { width: 40px; height: 20px; border-radius: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 2px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; cursor: pointer; position: relative; background: rgba(2, 216, 101, 1.00); transition: background 1s ease; } #flex-stacks_in_7545 .flex-controls #flex-toggle-stacks_in_7545::before { content: 'ON'; top: 50%; left: 50%; display: block; opacity: 0; font-size: 12px; color: rgba(2, 216, 101, 1.00); font-weight: bold; position: absolute; font-family: "Roboto"; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation-name: text-animation-off; animation-name: text-animation-off; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; animation-duration: 1s; } #flex-stacks_in_7545 .flex-controls #flex-toggle-stacks_in_7545 .flex-toggle-inner { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; width: 100%; border-radius: inherit; max-width: 40px; background: rgba(255, 255, 255, 1.00); transition: all 0.3s ease-out; -webkit-animation-name: toggle-animation-off; animation-name: toggle-animation-off; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; animation-duration: 1s; } #flex-stacks_in_7545 .flex-controls #flex-toggle-stacks_in_7545.off { background: rgba(229, 83, 97, 1.00); } #flex-stacks_in_7545 .flex-controls #flex-toggle-stacks_in_7545.off .flex-toggle-inner { -webkit-animation-name: toggle-animation-on; animation-name: toggle-animation-on; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; animation-duration: 1s; } #flex-stacks_in_7545 .flex-controls #flex-toggle-stacks_in_7545.off::before { content: 'OFF'; color: rgba(229, 83, 97, 1.00); -webkit-animation-name: text-animation-on; animation-name: text-animation-on; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; animation-duration: 1s; } #flex-stacks_in_7545 .flex-grid { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-radius: 5px; overflow: hidden; list-style-type: none; } #flex-stacks_in_7545 .flex-grid-row { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } #flex-stacks_in_7545 .flex-grid-item-stacks_in_7545 { box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_7545 .flex-grid-item-stacks_in_7545 .flex-item-content-stacks_in_7545 { height: 0; overflow: hidden; position: relative; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_7545 .flex-grid-item-stacks_in_7545 .flex-item-content-stacks_in_7545 .flex-item-content-inner-stacks_in_7545 { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ z-index: 10; position: relative; padding: 20px 20px; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_7545 .flex-grid-item-stacks_in_7545 .flex-item-content-stacks_in_7545::before { z-index: 5; content: ''; top: 0; left: 0; right: 0; bottom: 0; display: block; position: absolute; } #flex-stacks_in_7545 .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ padding: 10px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; transition: all 0.2s ease; } #flex-stacks_in_7545 .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545:hover { /* */ padding: 20px 15px; box-sizing: border-box; transition: 0.3s ease; /* */ } #flex-stacks_in_7545 .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545:hover .header-toggle-icon { /* */ -webkit-transform: rotate(90deg); transform: rotate(90deg); transition: 0.3s ease; /* */ } #flex-stacks_in_7545 .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-icon, #flex-stacks_in_7545 .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-title, #flex-stacks_in_7545 .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-toggle-icon { z-index: 2; } #flex-stacks_in_7545 .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-icon { font-size: 20px; margin-right: 20px; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_7545 .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-toggle-icon { font-size: 20px; margin-left: auto; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_7545 .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-title { font-size: 15px; line-height: 21.000000px; font-weight: bold; margin-right: 20px; letter-spacing: 1px; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_7545 .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545::before { content: ''; display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } #flex-stacks_in_7545 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7545 .flex-item-content-stacks_in_7545 { height: auto; } #flex-stacks_in_7545 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 { padding: 20px 15px; } #flex-stacks_in_7545 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545:hover { padding: 20px 15px; } #flex-stacks_in_7545 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545:hover .header-toggle-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #flex-stacks_in_7545 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-icon { font-size: 20px; } #flex-stacks_in_7545 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-title { font-size: 13px; } #flex-stacks_in_7545 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-toggle-icon::before { content: '\f12a'; transition: all 0.3s ease; } #flex-stacks_in_7545 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545::before { display: block; } #flex-stacks_in_7545.layout-reverse { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #flex-stacks_in_7545.no-open-all-toggle .flex-controls { display: none; } #flex-stacks_in_7545.uppercase-headers .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 { text-transform: uppercase; } #flex-stacks_in_7545.shared-background .flex-grid-item-stacks_in_7545 { /* */ /* */ /* */ } #flex-stacks_in_7545.shared-header-overlay .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545::before { background: rgba(2, 31, 57, 1.00) !important; } #flex-stacks_in_7545.header-hover-overlays .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545:hover::before { /* */ display: block; /* */ } #flex-stacks_in_7545.header-hover-overlays .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545:hover .header-title, #flex-stacks_in_7545.header-hover-overlays .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545:hover .header-toggle-icon { /* */ color: rgba(253, 174, 31, 1.00) !important; /* */ } #flex-stacks_in_7545.header-hover-overlays .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545:hover .header-icon { /* */ color: rgba(253, 174, 31, 1.00) !important; /* */ } #flex-stacks_in_7545.shared-title .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-title, #flex-stacks_in_7545.shared-title .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-toggle-icon { color: rgba(0, 0, 0, 1.00) !important; } #flex-stacks_in_7545.shared-title .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-title, #flex-stacks_in_7545.shared-title .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-toggle-icon { color: rgba(253, 174, 31, 1.00) !important; } #flex-stacks_in_7545.shared-icon .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-icon { color: rgba(3, 3, 1, 1.00) !important; } #flex-stacks_in_7545.shared-icon .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-icon { color: rgba(253, 174, 31, 1.00) !important; } #flex-stacks_in_7545.shared-content-text .flex-grid-item-stacks_in_7545 .flex-item-content-stacks_in_7545 .flex-item-content-inner-stacks_in_7545 { color: rgba(255, 255, 255, 1.00) !important; } #flex-stacks_in_7545.shared-content-overlay .flex-grid-item-stacks_in_7545 .flex-item-content-stacks_in_7545::before { background: rgba(251, 254, 254, 1.00) !important; } @media (min-width: 480px) and (max-width: 768px) { #flex-stacks_in_7545 .flex-grid { border-radius: 5px; } #flex-stacks_in_7545 .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-icon { font-size: 20px; } #flex-stacks_in_7545 .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-title { font-size: 14px; line-height: 19.600000px; } #flex-stacks_in_7545 .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-toggle-icon { font-size: 20px; } #flex-stacks_in_7545 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-icon { font-size: 20px; } #flex-stacks_in_7545 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-title { font-size: 12px; line-height: 16.799999px; } } @media (max-width: 480px) { #flex-stacks_in_7545 .flex-grid { border-radius: 5px; } #flex-stacks_in_7545 .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-icon { font-size: 20px; } #flex-stacks_in_7545 .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-title { font-size: 12px; line-height: 16.799999px; } #flex-stacks_in_7545 .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-toggle-icon { font-size: 20px; } #flex-stacks_in_7545 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-icon { font-size: 16px; } #flex-stacks_in_7545 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-title { font-size: 10px; line-height: 14.000000px; } } @-webkit-keyframes toggle-animation-on { 0% { max-width: 50%; margin-left: 50%; } 25% { max-width: 100%; margin-left: 0%; } 50% { max-width: 100%; margin-left: 0%; } 75% { max-width: 100%; margin-left: 0%; } 100% { max-width: 50%; margin-left: 0%; } } @keyframes toggle-animation-on { 0% { max-width: 50%; margin-left: 50%; } 25% { max-width: 100%; margin-left: 0%; } 50% { max-width: 100%; margin-left: 0%; } 75% { max-width: 100%; margin-left: 0%; } 100% { max-width: 50%; margin-left: 0%; } } @-webkit-keyframes toggle-animation-off { 0% { max-width: 50%; margin-left: 0%; } 25% { max-width: 100%; margin-left: 0%; } 50% { max-width: 100%; margin-left: 0%; } 75% { max-width: 100%; margin-left: 0%; } 100% { max-width: 50%; margin-left: 50%; } } @keyframes toggle-animation-off { 0% { max-width: 50%; margin-left: 0%; } 25% { max-width: 100%; margin-left: 0%; } 50% { max-width: 100%; margin-left: 0%; } 75% { max-width: 100%; margin-left: 0%; } 100% { max-width: 50%; margin-left: 50%; } } @-webkit-keyframes text-animation-off { 0% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } } @keyframes text-animation-off { 0% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes text-animation-on { 0% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } } @keyframes text-animation-on { 0% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } } #stacks_in_7545 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 0px 10px 0px 10px; } #flex-item-stacks_in_8067 .flex-grid-item-stacks_in_7545 { /* */ background: rgba(230, 230, 230, 1.00); /* */ /* */ /* */ } #flex-item-stacks_in_8067 .flex-grid-item-stacks_in_7545 .flex-item-content-stacks_in_7545 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_8067 .flex-grid-item-stacks_in_7545 .flex-item-content-stacks_in_7545 .flex-item-content-inner-stacks_in_7545 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8067 .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_8067 .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8067 .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-toggle-icon { color: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_8067 .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-title { color: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_8067.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8067.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8067.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-title { color: rgba(255, 255, 255, 1.00); } /* */ #flex-stacks_in_8069 { margin: 0 auto; max-width: 1280px; } #flex-stacks_in_8069 .flex-controls { /* */ font-family: ""; /* */ display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #flex-stacks_in_8069 .flex-controls.no-inner-text #flex-toggle-stacks_in_8069::before { display: none; } #flex-stacks_in_8069 .flex-controls.no-outer-text #flex-toggle-text-stacks_in_8069 { display: none; } #flex-stacks_in_8069 .flex-controls #flex-toggle-text-stacks_in_8069 { color: rgba(69, 90, 100, 1.00); font-size: 13px; cursor: pointer; font-weight: bold; margin-right: 10px; display: inline-block; } #flex-stacks_in_8069 .flex-controls #flex-toggle-text-stacks_in_8069::before { display: inline-block; content: 'CLOSE ALL'; } #flex-stacks_in_8069 .flex-controls #flex-toggle-text-stacks_in_8069.off::before { content: 'OPEN ALL'; } #flex-stacks_in_8069 .flex-controls #flex-toggle-stacks_in_8069 { width: 40px; height: 20px; border-radius: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 2px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; cursor: pointer; position: relative; background: rgba(2, 216, 101, 1.00); transition: background 1s ease; } #flex-stacks_in_8069 .flex-controls #flex-toggle-stacks_in_8069::before { content: 'ON'; top: 50%; left: 50%; display: block; opacity: 0; font-size: 12px; color: rgba(2, 216, 101, 1.00); font-weight: bold; position: absolute; font-family: "Roboto"; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation-name: text-animation-off; animation-name: text-animation-off; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; animation-duration: 1s; } #flex-stacks_in_8069 .flex-controls #flex-toggle-stacks_in_8069 .flex-toggle-inner { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; width: 100%; border-radius: inherit; max-width: 40px; background: rgba(255, 255, 255, 1.00); transition: all 0.3s ease-out; -webkit-animation-name: toggle-animation-off; animation-name: toggle-animation-off; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; animation-duration: 1s; } #flex-stacks_in_8069 .flex-controls #flex-toggle-stacks_in_8069.off { background: rgba(229, 83, 97, 1.00); } #flex-stacks_in_8069 .flex-controls #flex-toggle-stacks_in_8069.off .flex-toggle-inner { -webkit-animation-name: toggle-animation-on; animation-name: toggle-animation-on; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; animation-duration: 1s; } #flex-stacks_in_8069 .flex-controls #flex-toggle-stacks_in_8069.off::before { content: 'OFF'; color: rgba(229, 83, 97, 1.00); -webkit-animation-name: text-animation-on; animation-name: text-animation-on; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; animation-duration: 1s; } #flex-stacks_in_8069 .flex-grid { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-radius: 5px; overflow: hidden; list-style-type: none; } #flex-stacks_in_8069 .flex-grid-row { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } #flex-stacks_in_8069 .flex-grid-item-stacks_in_8069 { box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_8069 .flex-grid-item-stacks_in_8069 .flex-item-content-stacks_in_8069 { height: 0; overflow: hidden; position: relative; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_8069 .flex-grid-item-stacks_in_8069 .flex-item-content-stacks_in_8069 .flex-item-content-inner-stacks_in_8069 { /* */ font-family: ""; /* */ z-index: 10; position: relative; padding: 20px 19px; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_8069 .flex-grid-item-stacks_in_8069 .flex-item-content-stacks_in_8069::before { z-index: 5; content: ''; top: 0; left: 0; right: 0; bottom: 0; display: block; position: absolute; } #flex-stacks_in_8069 .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 { /* */ font-family: ""; /* */ padding: 10px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; transition: all 0.2s ease; } #flex-stacks_in_8069 .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069:hover { /* */ padding: 20px 15px; box-sizing: border-box; transition: 0.3s ease; /* */ } #flex-stacks_in_8069 .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069:hover .header-toggle-icon { /* */ -webkit-transform: rotate(90deg); transform: rotate(90deg); transition: 0.3s ease; /* */ } #flex-stacks_in_8069 .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-icon, #flex-stacks_in_8069 .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-title, #flex-stacks_in_8069 .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-toggle-icon { z-index: 2; } #flex-stacks_in_8069 .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-icon { font-size: 20px; margin-right: 20px; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_8069 .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-toggle-icon { font-size: 20px; margin-left: auto; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_8069 .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-title { font-size: 13px; line-height: 18.199999px; font-weight: bold; margin-right: 20px; letter-spacing: 1px; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_8069 .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069::before { content: ''; display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } #flex-stacks_in_8069 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_8069 .flex-item-content-stacks_in_8069 { height: auto; } #flex-stacks_in_8069 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 { padding: 20px 15px; } #flex-stacks_in_8069 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069:hover { padding: 20px 15px; } #flex-stacks_in_8069 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069:hover .header-toggle-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #flex-stacks_in_8069 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-icon { font-size: 20px; } #flex-stacks_in_8069 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-title { font-size: 13px; } #flex-stacks_in_8069 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-toggle-icon::before { content: '\f12a'; transition: all 0.3s ease; } #flex-stacks_in_8069 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069::before { display: block; } #flex-stacks_in_8069.layout-reverse { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #flex-stacks_in_8069.no-open-all-toggle .flex-controls { display: none; } #flex-stacks_in_8069.uppercase-headers .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 { text-transform: uppercase; } #flex-stacks_in_8069.shared-background .flex-grid-item-stacks_in_8069 { /* */ /* */ /* */ } #flex-stacks_in_8069.shared-header-overlay .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069::before { background: rgba(2, 31, 57, 1.00) !important; } #flex-stacks_in_8069.header-hover-overlays .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069:hover::before { /* */ display: block; /* */ } #flex-stacks_in_8069.header-hover-overlays .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069:hover .header-title, #flex-stacks_in_8069.header-hover-overlays .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069:hover .header-toggle-icon { /* */ color: rgba(253, 174, 31, 1.00) !important; /* */ } #flex-stacks_in_8069.header-hover-overlays .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069:hover .header-icon { /* */ color: rgba(253, 174, 31, 1.00) !important; /* */ } #flex-stacks_in_8069.shared-title .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-title, #flex-stacks_in_8069.shared-title .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-toggle-icon { color: rgba(0, 0, 0, 1.00) !important; } #flex-stacks_in_8069.shared-title .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-title, #flex-stacks_in_8069.shared-title .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-toggle-icon { color: rgba(253, 174, 31, 1.00) !important; } #flex-stacks_in_8069.shared-icon .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-icon { color: rgba(3, 3, 1, 1.00) !important; } #flex-stacks_in_8069.shared-icon .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-icon { color: rgba(253, 174, 31, 1.00) !important; } #flex-stacks_in_8069.shared-content-text .flex-grid-item-stacks_in_8069 .flex-item-content-stacks_in_8069 .flex-item-content-inner-stacks_in_8069 { color: rgba(255, 255, 255, 1.00) !important; } #flex-stacks_in_8069.shared-content-overlay .flex-grid-item-stacks_in_8069 .flex-item-content-stacks_in_8069::before { background: rgba(251, 254, 254, 1.00) !important; } @media (min-width: 480px) and (max-width: 768px) { #flex-stacks_in_8069 .flex-grid { border-radius: 5px; } #flex-stacks_in_8069 .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-icon { font-size: 20px; } #flex-stacks_in_8069 .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-title { font-size: 12px; line-height: 16.799999px; } #flex-stacks_in_8069 .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-toggle-icon { font-size: 20px; } #flex-stacks_in_8069 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-icon { font-size: 20px; } #flex-stacks_in_8069 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-title { font-size: 12px; line-height: 16.799999px; } } @media (max-width: 480px) { #flex-stacks_in_8069 .flex-grid { border-radius: 5px; } #flex-stacks_in_8069 .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-icon { font-size: 20px; } #flex-stacks_in_8069 .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-title { font-size: 10px; line-height: 14.000000px; } #flex-stacks_in_8069 .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-toggle-icon { font-size: 20px; } #flex-stacks_in_8069 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-icon { font-size: 16px; } #flex-stacks_in_8069 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-title { font-size: 10px; line-height: 14.000000px; } } @-webkit-keyframes toggle-animation-on { 0% { max-width: 50%; margin-left: 50%; } 25% { max-width: 100%; margin-left: 0%; } 50% { max-width: 100%; margin-left: 0%; } 75% { max-width: 100%; margin-left: 0%; } 100% { max-width: 50%; margin-left: 0%; } } @keyframes toggle-animation-on { 0% { max-width: 50%; margin-left: 50%; } 25% { max-width: 100%; margin-left: 0%; } 50% { max-width: 100%; margin-left: 0%; } 75% { max-width: 100%; margin-left: 0%; } 100% { max-width: 50%; margin-left: 0%; } } @-webkit-keyframes toggle-animation-off { 0% { max-width: 50%; margin-left: 0%; } 25% { max-width: 100%; margin-left: 0%; } 50% { max-width: 100%; margin-left: 0%; } 75% { max-width: 100%; margin-left: 0%; } 100% { max-width: 50%; margin-left: 50%; } } @keyframes toggle-animation-off { 0% { max-width: 50%; margin-left: 0%; } 25% { max-width: 100%; margin-left: 0%; } 50% { max-width: 100%; margin-left: 0%; } 75% { max-width: 100%; margin-left: 0%; } 100% { max-width: 50%; margin-left: 50%; } } @-webkit-keyframes text-animation-off { 0% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } } @keyframes text-animation-off { 0% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes text-animation-on { 0% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } } @keyframes text-animation-on { 0% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } } #stacks_in_8069 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 11px; } #flex-item-stacks_in_8070 .flex-grid-item-stacks_in_8069 { /* */ background: rgba(230, 230, 230, 1.00); /* */ /* */ /* */ } #flex-item-stacks_in_8070 .flex-grid-item-stacks_in_8069 .flex-item-content-stacks_in_8069 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_8070 .flex-grid-item-stacks_in_8069 .flex-item-content-stacks_in_8069 .flex-item-content-inner-stacks_in_8069 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8070 .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_8070 .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8070 .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-toggle-icon { color: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_8070 .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-title { color: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_8070.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8070.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8070.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-title { color: rgba(255, 255, 255, 1.00); } /* -- Start Swell Each css Template -- */ #stacks_in_3647{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_3647swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_3647swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_3647swell{ max-width: 800px; } .stacks_in_3647swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_3647swell-with-zoom .mfp-container,.stacks_in_3647swell-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 198.000015ms ease-out; -moz-transition: all 198.000015ms ease-out; -o-transition: all 198.000015ms ease-out; transition: all 198.000015ms ease-out; } .stacks_in_3647swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_3647swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_3647swell-with-zoom.mfp-removing .mfp-container,.stacks_in_3647swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_3647 .swellzoomeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_3647 .swellshrinkeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_3647 .swellcircleeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #stacks_in_3647 .swellthreedeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media all and (min-width: 480px) { #stacks_in_3647 .swellzoomeffect img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } #stacks_in_3647 .swellshrinkeffect img:hover{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9); } #stacks_in_3647 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_3647 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_3647 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_3647 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_3647 .swellthreedeffect:hover{ box-shadow: 1px 1px rgba(242, 88, 95, 1.00), 2px 2px rgba(242, 88, 95, 1.00), 3px 3px rgba(242, 88, 95, 1.00); -webkit-transform: translateX(-3px); transform: translateX(-3px); } } /* -- End Swell Each css Template -- */ #stacks_in_3649 h3,#stacks_in_3649 h3 a,#stacks_in_3649 p,#stacks_in_3649 p a{ font-size:16px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_3649 h3,#stacks_in_3649 h3 a,#stacks_in_3649 p,#stacks_in_3649 p a{ font-size:15px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_3649 h3,#stacks_in_3649 h3 a,#stacks_in_3649 p,#stacks_in_3649 p a{ font-size:13px; } } #stacks_in_3649 h3,#stacks_in_3649 h3 a,#stacks_in_3649 p,#stacks_in_3649 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_3649 p a:hover, #stacks_in_3649 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_3649 { background-color: rgba(253, 155, 16, 0.40); border: solid rgba(172, 172, 172, 1.00); border-width: 1px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 10px; padding: 10px; } #stacks_out_3649 { margin-right:0; } #stacks_in_3650 { font-size: 99%; } #stacks_in_3651 h3,#stacks_in_3651 h3 a,#stacks_in_3651 p,#stacks_in_3651 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_3651 h3,#stacks_in_3651 h3 a,#stacks_in_3651 p,#stacks_in_3651 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_3651 h3,#stacks_in_3651 h3 a,#stacks_in_3651 p,#stacks_in_3651 p a{ font-size:12px; } } #stacks_in_3651 h3,#stacks_in_3651 h3 a,#stacks_in_3651 p,#stacks_in_3651 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_3651 p a:hover, #stacks_in_3651 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_3651 { margin: 10px; } #stacks_out_3651 { margin-right:0; } #stacks_in_3652 { font-size: 99%; } #stacks_in_3653 h3,#stacks_in_3653 h3 a,#stacks_in_3653 p,#stacks_in_3653 p a{ font-size:16px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_3653 h3,#stacks_in_3653 h3 a,#stacks_in_3653 p,#stacks_in_3653 p a{ font-size:15px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_3653 h3,#stacks_in_3653 h3 a,#stacks_in_3653 p,#stacks_in_3653 p a{ font-size:13px; } } #stacks_in_3653 h3,#stacks_in_3653 h3 a,#stacks_in_3653 p,#stacks_in_3653 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_3653 p a:hover, #stacks_in_3653 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_3653 { background-color: rgba(253, 155, 16, 0.40); border: solid rgba(172, 172, 172, 1.00); border-width: 1px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 10px; padding: 10px; } #stacks_out_3653 { margin-right:0; } #stacks_in_3654 { font-size: 99%; } #stacks_in_3655 h3,#stacks_in_3655 h3 a,#stacks_in_3655 p,#stacks_in_3655 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_3655 h3,#stacks_in_3655 h3 a,#stacks_in_3655 p,#stacks_in_3655 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_3655 h3,#stacks_in_3655 h3 a,#stacks_in_3655 p,#stacks_in_3655 p a{ font-size:12px; } } #stacks_in_3655 h3,#stacks_in_3655 h3 a,#stacks_in_3655 p,#stacks_in_3655 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_3655 p a:hover, #stacks_in_3655 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_3655 { margin: 10px; } #stacks_out_3655 { margin-right:0; } #stacks_in_3656 { font-size: 99%; } #stacks_in_3658 h3,#stacks_in_3658 h3 a,#stacks_in_3658 p,#stacks_in_3658 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_3658 h3,#stacks_in_3658 h3 a,#stacks_in_3658 p,#stacks_in_3658 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_3658 h3,#stacks_in_3658 h3 a,#stacks_in_3658 p,#stacks_in_3658 p a{ font-size:12px; } } #stacks_in_3658 h3,#stacks_in_3658 h3 a,#stacks_in_3658 p,#stacks_in_3658 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_3658 p a:hover, #stacks_in_3658 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_3658 { margin: 10px; } #stacks_out_3658 { margin-right:0; } #stacks_in_3659 { font-size: 99%; } #stacks_in_3660 h3,#stacks_in_3660 h3 a,#stacks_in_3660 p,#stacks_in_3660 p a{ font-size:13px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_3660 h3,#stacks_in_3660 h3 a,#stacks_in_3660 p,#stacks_in_3660 p a{ font-size:12px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_3660 h3,#stacks_in_3660 h3 a,#stacks_in_3660 p,#stacks_in_3660 p a{ font-size:11px; } } #stacks_in_3660 h3,#stacks_in_3660 h3 a,#stacks_in_3660 p,#stacks_in_3660 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_3660 p a:hover, #stacks_in_3660 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_3660 { margin: 10px; } #stacks_out_3660 { margin-right:0; } #stacks_in_3661 { font-size: 99%; } #stacks_in_3662>.s3_row { margin: 0 -10px; } #stacks_in_3662>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_3662>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_3662>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_3662>.s3_row { margin: -10px 0; } #stacks_in_3662>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_3662 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #stacks_in_3664 h3,#stacks_in_3664 h3 a,#stacks_in_3664 p,#stacks_in_3664 p a{ font-size:13px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_3664 h3,#stacks_in_3664 h3 a,#stacks_in_3664 p,#stacks_in_3664 p a{ font-size:12px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_3664 h3,#stacks_in_3664 h3 a,#stacks_in_3664 p,#stacks_in_3664 p a{ font-size:11px; } } #stacks_in_3664 h3,#stacks_in_3664 h3 a,#stacks_in_3664 p,#stacks_in_3664 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_3664 p a:hover, #stacks_in_3664 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_3664 { margin: 10px; } #stacks_out_3664 { margin-right:0; } #stacks_in_3665 { font-size: 99%; } #stacks_in_3702 h3,#stacks_in_3702 h3 a,#stacks_in_3702 p,#stacks_in_3702 p a{ font-size:13px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_3702 h3,#stacks_in_3702 h3 a,#stacks_in_3702 p,#stacks_in_3702 p a{ font-size:12px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_3702 h3,#stacks_in_3702 h3 a,#stacks_in_3702 p,#stacks_in_3702 p a{ font-size:11px; } } #stacks_in_3702 h3,#stacks_in_3702 h3 a,#stacks_in_3702 p,#stacks_in_3702 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_3702 p a:hover, #stacks_in_3702 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_3702 { margin: 10px; } #stacks_out_3702 { margin-right:0; } #stacks_in_3703 { font-size: 99%; } /* -------------------------------- Primary style -------------------------------- */ body.overflow-hidden { /* used when modal is visible */ overflow: hidden; } body.overflow-hidden .cd-modal { display: block !important; } /* -------------------------------- Main Components -------------------------------- */ #stacks_in_3667 .cd-section { text-align: center; position: relative; } #stacks_in_3667 .cd-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; pointer-events: none; -webkit-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; -moz-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; } #stacks_in_3667 .cd-modal .cd-modal-content { box-sizing: border-box; height: 100%; width: 100%; padding: 3em 5%; color: #FFFFFF; text-align: left; overflow-y: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_3667 .cd-modal-content a, #stacks_in_3667 .cd-modal-content a:visited { color: #DE425A; } #stacks_in_3667 .cd-modal-content a:hover, #stacks_in_3667 .cd-modal-content a:active { color: #B13448; } #stacks_in_3667 .modal-is-visible .cd-modal { z-index: 300000 !important; visibility: visible; opacity: 1; pointer-events: auto; -webkit-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; -moz-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; } #stacks_in_3667 .modal-is-visible .cd-modal .cd-modal-content { -webkit-overflow-scrolling: touch; } @media only screen and (min-width: 768px) { #stacks_in_3667 .cd-modal .cd-modal-content { padding: 4em 10%; } } @media only screen and (min-width: 1170px) { #stacks_in_3667 .cd-modal .cd-modal-content { padding: 6em 20%; } } #stacks_in_3667 .cd-modal-action { position: relative; } #stacks_in_3667 .cd-modal-action .modal_btn, #stacks_in_3667 .cd-modal-action .cd-modal-bg { display: inline-block; height: 2.5em; background-color: #336699; } #stacks_in_3667 .modal_btn, #stacks_in_3667 .cd-modal-close { text-decoration: none !important; border: none !important; } #stacks_in_3667 .cd-modal-action .modal_btn { border-radius: 5em; color: #ffffff; line-height: 2.5em; white-space: nowrap; font-weight: 700; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: color 0.2s 0.3s, width 0.3s 0s; -moz-transition: color 0.2s 0.3s, width 0.3s 0s; transition: color 0.2s 0.3s, width 0.3s 0s; overflow: hidden; } @media only screen { #stacks_in_3667 .cd-modal-action .modal_btn { width: 100%; } } @media only screen and (max-width: 720px) { #stacks_in_3667 .cd-modal-action .modal_btn { width: 100%; } } @media only screen and (max-width: 480px) { #stacks_in_3667 .cd-modal-action .modal_btn { width: 100%; } } #stacks_in_3667 .cd-modal-action .modal_btn i { margin-right: 6px; } #stacks_in_3667 .cd-modal-action .modal_btn.to-circle { width: 2.5em; color: transparent !important; -webkit-transition: color 0.2s 0s, width 0.3s 0.2s; -moz-transition: color 0.2s 0s, width 0.3s 0.2s; transition: color 0.2s 0s, width 0.3s 0.2s; } #stacks_in_3667 .cd-modal-action .cd-modal-bg { position: absolute; z-index: 300000 !important; left: 50%; top: 0; width: 2.5em; border-radius: 50%; opacity: 0; visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateX(-2em); -moz-transform: translateX(-2em); -ms-transform: translateX(-2em); -o-transform: translateX(-2em); transform: translateX(-2em); -webkit-transition: visibility 0s 0.5s; -moz-transition: visibility 0s 0.5s; transition: visibility 0s 0.5s; } #stacks_in_3667 .cd-modal-action .cd-modal-bg.is-visible { opacity: 1; visibility: visible; } #stacks_in_3667 .cd-modal-close { position: fixed; z-index: 9999999 !important; top: 20px; right: 20px; display: block; height: 50px; width: 50px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.3); background-image: url(../files/cd-icon-close.png); background-repeat: no-repeat; background-position: center center; /* image replacement */ overflow: hidden; text-indent: 100%; white-space: nowrap; visibility: hidden; opacity: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; transition: transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; } #stacks_in_3667 .no-touch .cd-modal-close:hover { background-color: rgba(0, 0, 0, 0.5); } #stacks_in_3667 .modal-is-visible .cd-modal-close { visibility: visible; opacity: 1; -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; transition: transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } @media only screen and (min-width: 768px) { #stacks_in_3667 .cd-modal-close { top: 40px; right: 40px; } } #stacks_in_3667 .cd-modal-action a, #stacks_in_3667 .cd-modal-action a:visited, #stacks_in_3667 .cd-modal-action a:hover, #stacks_in_3667 .cd-modal-action a:active { color: #FFFFFF !important; text-decoration: none; } /* Font Selections */ #stacks_in_3667 .cd-modal-action .modal_btn { } #stacks_in_3667 { padding: 10px; } #stacks_out_3667 { width: 70%; } /* Start Print This 2 stack CSS code */ .stacks_in_3669PrintThisOuter{ background-color: #FFFFFF; padding: 15px; border: 1px dashed #CCCCCC; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .stacks_in_3669PrintThis2{ position: relative; } @font-face { font-family: "doo_fontsregular"; src: url('../files/printthis2Assets/font/doo_print-webfont.eot'); src: url('../files/printthis2Assets/font/doo_print-webfont.eot?#iefix') format('eot'), url('../files/printthis2Assets/font/doo_print-webfont.woff') format('woff'), url('../files/printthis2Assets/font/doo_print-webfont.ttf') format('truetype'), url('../files/printthis2Assets/font/doo_print-webfont.svg#doo_fontsregular') format('svg'); font-weight: normal; font-style: normal; } .stacks_in_3669PrintThisButton{ float: right; font-family: "doo_fontsregular"; font-size: 24px; line-height: 24px; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; color: #000000; cursor:pointer; } .stacks_in_3669PrintThisButton:hover{ color: #3C3C3C; } .stacks_in_3669clearer{ clear: both; height: 1px; padding: 0; margin: 0; } /* End Print This 2 stack CSS code */ #stacks_in_3671 h3,#stacks_in_3671 h3 a,#stacks_in_3671 p,#stacks_in_3671 p a{ font-size:13px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_3671 h3,#stacks_in_3671 h3 a,#stacks_in_3671 p,#stacks_in_3671 p a{ font-size:12px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_3671 h3,#stacks_in_3671 h3 a,#stacks_in_3671 p,#stacks_in_3671 p a{ font-size:11px; } } #stacks_in_3671 h3,#stacks_in_3671 h3 a,#stacks_in_3671 p,#stacks_in_3671 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_3671 p a:hover, #stacks_in_3671 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_3671 { margin: 10px; } #stacks_out_3671 { margin-right:0; } #stacks_in_3672 { font-size: 99%; } #stacks_out_3673 { width: 70%; } #stacks_in_3678 h3,#stacks_in_3678 h3 a,#stacks_in_3678 p,#stacks_in_3678 p a{ font-size:13px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_3678 h3,#stacks_in_3678 h3 a,#stacks_in_3678 p,#stacks_in_3678 p a{ font-size:12px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_3678 h3,#stacks_in_3678 h3 a,#stacks_in_3678 p,#stacks_in_3678 p a{ font-size:11px; } } #stacks_in_3678 h3,#stacks_in_3678 h3 a,#stacks_in_3678 p,#stacks_in_3678 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_3678 p a:hover, #stacks_in_3678 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_3678 { margin: 10px; } #stacks_out_3678 { margin-right:0; } #stacks_in_3679 { font-size: 99%; } #stacks_in_3680>.s3_row { margin: 0 -10px; } #stacks_in_3680>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_3680>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_3680>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_3680>.s3_row { margin: -10px 0; } #stacks_in_3680>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_3680 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #stacks_in_3682 h3,#stacks_in_3682 h3 a,#stacks_in_3682 p,#stacks_in_3682 p a{ font-size:13px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_3682 h3,#stacks_in_3682 h3 a,#stacks_in_3682 p,#stacks_in_3682 p a{ font-size:12px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_3682 h3,#stacks_in_3682 h3 a,#stacks_in_3682 p,#stacks_in_3682 p a{ font-size:11px; } } #stacks_in_3682 h3,#stacks_in_3682 h3 a,#stacks_in_3682 p,#stacks_in_3682 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_3682 p a:hover, #stacks_in_3682 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_3682 { margin: 10px; } #stacks_out_3682 { margin-right:0; } #stacks_in_3683 { font-size: 99%; } #stacks_in_3684 h3,#stacks_in_3684 h3 a,#stacks_in_3684 p,#stacks_in_3684 p a{ font-size:13px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_3684 h3,#stacks_in_3684 h3 a,#stacks_in_3684 p,#stacks_in_3684 p a{ font-size:12px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_3684 h3,#stacks_in_3684 h3 a,#stacks_in_3684 p,#stacks_in_3684 p a{ font-size:11px; } } #stacks_in_3684 h3,#stacks_in_3684 h3 a,#stacks_in_3684 p,#stacks_in_3684 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_3684 p a:hover, #stacks_in_3684 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_3684 { margin: 10px; } #stacks_out_3684 { margin-right:0; } #stacks_in_3685 { font-size: 99%; } /* -------------------------------- Primary style -------------------------------- */ body.overflow-hidden { /* used when modal is visible */ overflow: hidden; } body.overflow-hidden .cd-modal { display: block !important; } /* -------------------------------- Main Components -------------------------------- */ #stacks_in_3687 .cd-section { text-align: center; position: relative; } #stacks_in_3687 .cd-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; pointer-events: none; -webkit-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; -moz-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; } #stacks_in_3687 .cd-modal .cd-modal-content { box-sizing: border-box; height: 100%; width: 100%; padding: 3em 5%; color: #FFFFFF; text-align: left; overflow-y: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_3687 .cd-modal-content a, #stacks_in_3687 .cd-modal-content a:visited { color: #DE425A; } #stacks_in_3687 .cd-modal-content a:hover, #stacks_in_3687 .cd-modal-content a:active { color: #B13448; } #stacks_in_3687 .modal-is-visible .cd-modal { z-index: 300000 !important; visibility: visible; opacity: 1; pointer-events: auto; -webkit-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; -moz-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; } #stacks_in_3687 .modal-is-visible .cd-modal .cd-modal-content { -webkit-overflow-scrolling: touch; } @media only screen and (min-width: 768px) { #stacks_in_3687 .cd-modal .cd-modal-content { padding: 4em 10%; } } @media only screen and (min-width: 1170px) { #stacks_in_3687 .cd-modal .cd-modal-content { padding: 6em 20%; } } #stacks_in_3687 .cd-modal-action { position: relative; } #stacks_in_3687 .cd-modal-action .modal_btn, #stacks_in_3687 .cd-modal-action .cd-modal-bg { display: inline-block; height: 2.5em; background-color: #336699; } #stacks_in_3687 .modal_btn, #stacks_in_3687 .cd-modal-close { text-decoration: none !important; border: none !important; } #stacks_in_3687 .cd-modal-action .modal_btn { border-radius: 5em; color: #ffffff; line-height: 2.5em; white-space: nowrap; font-weight: 700; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: color 0.2s 0.3s, width 0.3s 0s; -moz-transition: color 0.2s 0.3s, width 0.3s 0s; transition: color 0.2s 0.3s, width 0.3s 0s; overflow: hidden; } @media only screen { #stacks_in_3687 .cd-modal-action .modal_btn { width: 100%; } } @media only screen and (max-width: 720px) { #stacks_in_3687 .cd-modal-action .modal_btn { width: 100%; } } @media only screen and (max-width: 480px) { #stacks_in_3687 .cd-modal-action .modal_btn { width: 100%; } } #stacks_in_3687 .cd-modal-action .modal_btn i { margin-right: 6px; } #stacks_in_3687 .cd-modal-action .modal_btn.to-circle { width: 2.5em; color: transparent !important; -webkit-transition: color 0.2s 0s, width 0.3s 0.2s; -moz-transition: color 0.2s 0s, width 0.3s 0.2s; transition: color 0.2s 0s, width 0.3s 0.2s; } #stacks_in_3687 .cd-modal-action .cd-modal-bg { position: absolute; z-index: 300000 !important; left: 50%; top: 0; width: 2.5em; border-radius: 50%; opacity: 0; visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateX(-2em); -moz-transform: translateX(-2em); -ms-transform: translateX(-2em); -o-transform: translateX(-2em); transform: translateX(-2em); -webkit-transition: visibility 0s 0.5s; -moz-transition: visibility 0s 0.5s; transition: visibility 0s 0.5s; } #stacks_in_3687 .cd-modal-action .cd-modal-bg.is-visible { opacity: 1; visibility: visible; } #stacks_in_3687 .cd-modal-close { position: fixed; z-index: 9999999 !important; top: 20px; right: 20px; display: block; height: 50px; width: 50px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.3); background-image: url(../files/cd-icon-close.png); background-repeat: no-repeat; background-position: center center; /* image replacement */ overflow: hidden; text-indent: 100%; white-space: nowrap; visibility: hidden; opacity: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; transition: transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; } #stacks_in_3687 .no-touch .cd-modal-close:hover { background-color: rgba(0, 0, 0, 0.5); } #stacks_in_3687 .modal-is-visible .cd-modal-close { visibility: visible; opacity: 1; -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; transition: transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } @media only screen and (min-width: 768px) { #stacks_in_3687 .cd-modal-close { top: 40px; right: 40px; } } #stacks_in_3687 .cd-modal-action a, #stacks_in_3687 .cd-modal-action a:visited, #stacks_in_3687 .cd-modal-action a:hover, #stacks_in_3687 .cd-modal-action a:active { color: #FFFFFF !important; text-decoration: none; } /* Font Selections */ #stacks_in_3687 .cd-modal-action .modal_btn { } #stacks_in_3687 { padding: 10px; } #stacks_out_3687 { width: 70%; } /* Start Print This 2 stack CSS code */ .stacks_in_3689PrintThisOuter{ background-color: #FFFFFF; padding: 15px; border: 1px dashed #CCCCCC; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .stacks_in_3689PrintThis2{ position: relative; } @font-face { font-family: "doo_fontsregular"; src: url('../files/printthis2Assets/font/doo_print-webfont.eot'); src: url('../files/printthis2Assets/font/doo_print-webfont.eot?#iefix') format('eot'), url('../files/printthis2Assets/font/doo_print-webfont.woff') format('woff'), url('../files/printthis2Assets/font/doo_print-webfont.ttf') format('truetype'), url('../files/printthis2Assets/font/doo_print-webfont.svg#doo_fontsregular') format('svg'); font-weight: normal; font-style: normal; } .stacks_in_3689PrintThisButton{ float: right; font-family: "doo_fontsregular"; font-size: 24px; line-height: 24px; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; color: #000000; cursor:pointer; } .stacks_in_3689PrintThisButton:hover{ color: #3C3C3C; } .stacks_in_3689clearer{ clear: both; height: 1px; padding: 0; margin: 0; } /* End Print This 2 stack CSS code */ #stacks_in_3691 h3,#stacks_in_3691 h3 a,#stacks_in_3691 p,#stacks_in_3691 p a{ font-size:13px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_3691 h3,#stacks_in_3691 h3 a,#stacks_in_3691 p,#stacks_in_3691 p a{ font-size:12px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_3691 h3,#stacks_in_3691 h3 a,#stacks_in_3691 p,#stacks_in_3691 p a{ font-size:11px; } } #stacks_in_3691 h3,#stacks_in_3691 h3 a,#stacks_in_3691 p,#stacks_in_3691 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_3691 p a:hover, #stacks_in_3691 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_3691 { margin: 10px; } #stacks_out_3691 { margin-right:0; } #stacks_in_3692 { font-size: 99%; } #flex-item-stacks_in_8073 .flex-grid-item-stacks_in_8069 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_8073 .flex-grid-item-stacks_in_8069 .flex-item-content-stacks_in_8069 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_8073 .flex-grid-item-stacks_in_8069 .flex-item-content-stacks_in_8069 .flex-item-content-inner-stacks_in_8069 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8073 .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_8073 .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8073 .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8073 .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8073.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8073.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8073.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-title { color: rgba(255, 255, 255, 1.00); } /* -- Start Swell Each css Template -- */ #stacks_in_3812{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_3812swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_3812swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_3812swell{ max-width: 800px; } .stacks_in_3812swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_3812swell-with-zoom .mfp-container,.stacks_in_3812swell-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 198.000015ms ease-out; -moz-transition: all 198.000015ms ease-out; -o-transition: all 198.000015ms ease-out; transition: all 198.000015ms ease-out; } .stacks_in_3812swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_3812swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_3812swell-with-zoom.mfp-removing .mfp-container,.stacks_in_3812swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_3812 .swellzoomeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_3812 .swellshrinkeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_3812 .swellcircleeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #stacks_in_3812 .swellthreedeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media all and (min-width: 480px) { #stacks_in_3812 .swellzoomeffect img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } #stacks_in_3812 .swellshrinkeffect img:hover{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9); } #stacks_in_3812 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_3812 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_3812 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_3812 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_3812 .swellthreedeffect:hover{ box-shadow: 1px 1px rgba(242, 88, 95, 1.00), 2px 2px rgba(242, 88, 95, 1.00), 3px 3px rgba(242, 88, 95, 1.00); -webkit-transform: translateX(-3px); transform: translateX(-3px); } } /* -- End Swell Each css Template -- */ #stacks_out_3812 { width: 90%; } #stacks_in_3814 h3,#stacks_in_3814 h3 a,#stacks_in_3814 p,#stacks_in_3814 p a{ font-size:13px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_3814 h3,#stacks_in_3814 h3 a,#stacks_in_3814 p,#stacks_in_3814 p a{ font-size:12px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_3814 h3,#stacks_in_3814 h3 a,#stacks_in_3814 p,#stacks_in_3814 p a{ font-size:11px; } } #stacks_in_3814 h3,#stacks_in_3814 h3 a,#stacks_in_3814 p,#stacks_in_3814 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_3814 p a:hover, #stacks_in_3814 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_3814 { margin: 10px; } #stacks_out_3814 { margin-right:0; } #stacks_in_3815 { font-size: 99%; } #stacks_in_3816 h3,#stacks_in_3816 h3 a,#stacks_in_3816 p,#stacks_in_3816 p a{ font-size:14px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_3816 h3,#stacks_in_3816 h3 a,#stacks_in_3816 p,#stacks_in_3816 p a{ font-size:13px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_3816 h3,#stacks_in_3816 h3 a,#stacks_in_3816 p,#stacks_in_3816 p a{ font-size:12px; } } #stacks_in_3816 h3,#stacks_in_3816 h3 a,#stacks_in_3816 p,#stacks_in_3816 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_3816 p a:hover, #stacks_in_3816 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_3816 { margin: 10px; } #stacks_out_3816 { margin-right:0; } #stacks_in_3817 { font-size: 99%; } #stacks_in_3818 h3,#stacks_in_3818 h3 a,#stacks_in_3818 p,#stacks_in_3818 p a{ font-size:13px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_3818 h3,#stacks_in_3818 h3 a,#stacks_in_3818 p,#stacks_in_3818 p a{ font-size:12px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_3818 h3,#stacks_in_3818 h3 a,#stacks_in_3818 p,#stacks_in_3818 p a{ font-size:11px; } } #stacks_in_3818 h3,#stacks_in_3818 h3 a,#stacks_in_3818 p,#stacks_in_3818 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_3818 p a:hover, #stacks_in_3818 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_3818 { margin: 10px; } #stacks_out_3818 { margin-right:0; } #stacks_in_3819 { font-size: 99%; } #stacks_in_3820>.s3_row { margin: 0 -10px; } #stacks_in_3820>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_3820>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_3820>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_3820>.s3_row { margin: -10px 0; } #stacks_in_3820>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_3820 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #stacks_in_3822 h3,#stacks_in_3822 h3 a,#stacks_in_3822 p,#stacks_in_3822 p a{ font-size:13px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_3822 h3,#stacks_in_3822 h3 a,#stacks_in_3822 p,#stacks_in_3822 p a{ font-size:12px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_3822 h3,#stacks_in_3822 h3 a,#stacks_in_3822 p,#stacks_in_3822 p a{ font-size:11px; } } #stacks_in_3822 h3,#stacks_in_3822 h3 a,#stacks_in_3822 p,#stacks_in_3822 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_3822 p a:hover, #stacks_in_3822 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_3822 { margin: 10px; } #stacks_out_3822 { margin-right:0; } #stacks_in_3823 { font-size: 99%; } /* -------------------------------- Primary style -------------------------------- */ body.overflow-hidden { /* used when modal is visible */ overflow: hidden; } body.overflow-hidden .cd-modal { display: block !important; } /* -------------------------------- Main Components -------------------------------- */ #stacks_in_3825 .cd-section { text-align: center; position: relative; } #stacks_in_3825 .cd-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; pointer-events: none; -webkit-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; -moz-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; } #stacks_in_3825 .cd-modal .cd-modal-content { box-sizing: border-box; height: 100%; width: 100%; padding: 3em 5%; color: #FFFFFF; text-align: left; overflow-y: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_3825 .cd-modal-content a, #stacks_in_3825 .cd-modal-content a:visited { color: #DE425A; } #stacks_in_3825 .cd-modal-content a:hover, #stacks_in_3825 .cd-modal-content a:active { color: #B13448; } #stacks_in_3825 .modal-is-visible .cd-modal { z-index: 300000 !important; visibility: visible; opacity: 1; pointer-events: auto; -webkit-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; -moz-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; } #stacks_in_3825 .modal-is-visible .cd-modal .cd-modal-content { -webkit-overflow-scrolling: touch; } @media only screen and (min-width: 768px) { #stacks_in_3825 .cd-modal .cd-modal-content { padding: 4em 10%; } } @media only screen and (min-width: 1170px) { #stacks_in_3825 .cd-modal .cd-modal-content { padding: 6em 20%; } } #stacks_in_3825 .cd-modal-action { position: relative; } #stacks_in_3825 .cd-modal-action .modal_btn, #stacks_in_3825 .cd-modal-action .cd-modal-bg { display: inline-block; height: 2.5em; background-color: #336699; } #stacks_in_3825 .modal_btn, #stacks_in_3825 .cd-modal-close { text-decoration: none !important; border: none !important; } #stacks_in_3825 .cd-modal-action .modal_btn { border-radius: 5em; color: #ffffff; line-height: 2.5em; white-space: nowrap; font-weight: 700; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: color 0.2s 0.3s, width 0.3s 0s; -moz-transition: color 0.2s 0.3s, width 0.3s 0s; transition: color 0.2s 0.3s, width 0.3s 0s; overflow: hidden; } @media only screen { #stacks_in_3825 .cd-modal-action .modal_btn { width: 100%; } } @media only screen and (max-width: 720px) { #stacks_in_3825 .cd-modal-action .modal_btn { width: 100%; } } @media only screen and (max-width: 480px) { #stacks_in_3825 .cd-modal-action .modal_btn { width: 100%; } } #stacks_in_3825 .cd-modal-action .modal_btn i { margin-right: 6px; } #stacks_in_3825 .cd-modal-action .modal_btn.to-circle { width: 2.5em; color: transparent !important; -webkit-transition: color 0.2s 0s, width 0.3s 0.2s; -moz-transition: color 0.2s 0s, width 0.3s 0.2s; transition: color 0.2s 0s, width 0.3s 0.2s; } #stacks_in_3825 .cd-modal-action .cd-modal-bg { position: absolute; z-index: 300000 !important; left: 50%; top: 0; width: 2.5em; border-radius: 50%; opacity: 0; visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateX(-2em); -moz-transform: translateX(-2em); -ms-transform: translateX(-2em); -o-transform: translateX(-2em); transform: translateX(-2em); -webkit-transition: visibility 0s 0.5s; -moz-transition: visibility 0s 0.5s; transition: visibility 0s 0.5s; } #stacks_in_3825 .cd-modal-action .cd-modal-bg.is-visible { opacity: 1; visibility: visible; } #stacks_in_3825 .cd-modal-close { position: fixed; z-index: 9999999 !important; top: 20px; right: 20px; display: block; height: 50px; width: 50px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.3); background-image: url(../files/cd-icon-close.png); background-repeat: no-repeat; background-position: center center; /* image replacement */ overflow: hidden; text-indent: 100%; white-space: nowrap; visibility: hidden; opacity: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; transition: transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; } #stacks_in_3825 .no-touch .cd-modal-close:hover { background-color: rgba(0, 0, 0, 0.5); } #stacks_in_3825 .modal-is-visible .cd-modal-close { visibility: visible; opacity: 1; -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; transition: transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } @media only screen and (min-width: 768px) { #stacks_in_3825 .cd-modal-close { top: 40px; right: 40px; } } #stacks_in_3825 .cd-modal-action a, #stacks_in_3825 .cd-modal-action a:visited, #stacks_in_3825 .cd-modal-action a:hover, #stacks_in_3825 .cd-modal-action a:active { color: #FFFFFF !important; text-decoration: none; } /* Font Selections */ #stacks_in_3825 .cd-modal-action .modal_btn { } #stacks_in_3825 { padding: 10px; } #stacks_out_3825 { width: 70%; } /* Start Print This 2 stack CSS code */ .stacks_in_3827PrintThisOuter{ background-color: #FFFFFF; padding: 15px; border: 1px dashed #CCCCCC; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .stacks_in_3827PrintThis2{ position: relative; } @font-face { font-family: "doo_fontsregular"; src: url('../files/printthis2Assets/font/doo_print-webfont.eot'); src: url('../files/printthis2Assets/font/doo_print-webfont.eot?#iefix') format('eot'), url('../files/printthis2Assets/font/doo_print-webfont.woff') format('woff'), url('../files/printthis2Assets/font/doo_print-webfont.ttf') format('truetype'), url('../files/printthis2Assets/font/doo_print-webfont.svg#doo_fontsregular') format('svg'); font-weight: normal; font-style: normal; } .stacks_in_3827PrintThisButton{ float: right; font-family: "doo_fontsregular"; font-size: 24px; line-height: 24px; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; color: #000000; cursor:pointer; } .stacks_in_3827PrintThisButton:hover{ color: #3C3C3C; } .stacks_in_3827clearer{ clear: both; height: 1px; padding: 0; margin: 0; } /* End Print This 2 stack CSS code */ #stacks_in_3829 h3,#stacks_in_3829 h3 a,#stacks_in_3829 p,#stacks_in_3829 p a{ font-size:13px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_3829 h3,#stacks_in_3829 h3 a,#stacks_in_3829 p,#stacks_in_3829 p a{ font-size:12px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_3829 h3,#stacks_in_3829 h3 a,#stacks_in_3829 p,#stacks_in_3829 p a{ font-size:11px; } } #stacks_in_3829 h3,#stacks_in_3829 h3 a,#stacks_in_3829 p,#stacks_in_3829 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_3829 p a:hover, #stacks_in_3829 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_3829 { margin: 10px; } #stacks_out_3829 { margin-right:0; } #stacks_in_3830 { font-size: 99%; } #stacks_in_3836 h3,#stacks_in_3836 h3 a,#stacks_in_3836 p,#stacks_in_3836 p a{ font-size:13px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_3836 h3,#stacks_in_3836 h3 a,#stacks_in_3836 p,#stacks_in_3836 p a{ font-size:12px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_3836 h3,#stacks_in_3836 h3 a,#stacks_in_3836 p,#stacks_in_3836 p a{ font-size:11px; } } #stacks_in_3836 h3,#stacks_in_3836 h3 a,#stacks_in_3836 p,#stacks_in_3836 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_3836 p a:hover, #stacks_in_3836 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_3836 { margin: 10px; } #stacks_out_3836 { margin-right:0; } #stacks_in_3837 { font-size: 99%; } #stacks_in_3838>.s3_row { margin: 0 -10px; } #stacks_in_3838>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_3838>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_3838>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_3838>.s3_row { margin: -10px 0; } #stacks_in_3838>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_3838 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #stacks_in_3840 h3,#stacks_in_3840 h3 a,#stacks_in_3840 p,#stacks_in_3840 p a{ font-size:13px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_3840 h3,#stacks_in_3840 h3 a,#stacks_in_3840 p,#stacks_in_3840 p a{ font-size:12px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_3840 h3,#stacks_in_3840 h3 a,#stacks_in_3840 p,#stacks_in_3840 p a{ font-size:11px; } } #stacks_in_3840 h3,#stacks_in_3840 h3 a,#stacks_in_3840 p,#stacks_in_3840 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_3840 p a:hover, #stacks_in_3840 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_3840 { margin: 10px; } #stacks_out_3840 { margin-right:0; } #stacks_in_3841 { font-size: 99%; } #stacks_in_3842 h3,#stacks_in_3842 h3 a,#stacks_in_3842 p,#stacks_in_3842 p a{ font-size:13px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_3842 h3,#stacks_in_3842 h3 a,#stacks_in_3842 p,#stacks_in_3842 p a{ font-size:12px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_3842 h3,#stacks_in_3842 h3 a,#stacks_in_3842 p,#stacks_in_3842 p a{ font-size:11px; } } #stacks_in_3842 h3,#stacks_in_3842 h3 a,#stacks_in_3842 p,#stacks_in_3842 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_3842 p a:hover, #stacks_in_3842 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_3842 { margin: 10px; } #stacks_out_3842 { margin-right:0; } #stacks_in_3843 { font-size: 99%; } #stacks_in_3845 h3,#stacks_in_3845 h3 a,#stacks_in_3845 p,#stacks_in_3845 p a{ font-size:13px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_3845 h3,#stacks_in_3845 h3 a,#stacks_in_3845 p,#stacks_in_3845 p a{ font-size:12px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_3845 h3,#stacks_in_3845 h3 a,#stacks_in_3845 p,#stacks_in_3845 p a{ font-size:11px; } } #stacks_in_3845 h3,#stacks_in_3845 h3 a,#stacks_in_3845 p,#stacks_in_3845 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:center; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_3845 p a:hover, #stacks_in_3845 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_3845 { margin: 10px; } #stacks_out_3845 { margin-right:0; } #stacks_in_3846 { font-size: 99%; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_3847, #stacks_in_3847 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_3847 { padding: 20px 0px !important; } #press_alignment_stacks_in_3847 { width: 100%; } #press_alignment_stacks_in_3847.press-left { text-align: left; } #press_alignment_stacks_in_3847.press-center { text-align: center; } #press_alignment_stacks_in_3847.press-right { text-align: right; } #stacks_in_3847 { transition: all 200ms ease; /* */ /* */ /* */ background: #4DCB61; background: -webkit-gradient(linear, left top, left bottom, from(to bottom), color-stop(#4DCB61), to(#16AB54)); background: linear-gradient(to bottom, #4DCB61, #16AB54); /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 10px 10px 20px 10px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_3847:hover { /* */ /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_3847:hover .press-icon i { /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_3847:active { /* */ /* */ /* */ /* */ } #stacks_in_3847:active .press-icon i { /* */ } #stacks_in_3847 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 10px 20px 10px 20px; border-radius: 0px 0px 0px 0px; /* */ /* */ /* */ background: #52A37C; background: -webkit-gradient(linear, left top, left bottom, from(to right), color-stop(#52A37C), to(#0D6634)); background: linear-gradient(to right, #52A37C, #0D6634); /* */ /* */ /* */ /* */ margin-right: 0px; /* */ /* */ /* */ } #stacks_in_3847 .press-icon i { font-size: 17px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_3847 .press-text { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; padding: 5px 14px 5px 14px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 16px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_3847 .press-text .out { margin: 0 !important; } #stacks_in_3847 { font-size: 12px; line-height: 16px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } #stacks_in_3850 h3,#stacks_in_3850 h3 a,#stacks_in_3850 p,#stacks_in_3850 p a{ font-size:13px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_3850 h3,#stacks_in_3850 h3 a,#stacks_in_3850 p,#stacks_in_3850 p a{ font-size:12px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_3850 h3,#stacks_in_3850 h3 a,#stacks_in_3850 p,#stacks_in_3850 p a{ font-size:11px; } } #stacks_in_3850 h3,#stacks_in_3850 h3 a,#stacks_in_3850 p,#stacks_in_3850 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_3850 p a:hover, #stacks_in_3850 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_3850 { margin: 10px; } #stacks_out_3850 { margin-right:0; } #stacks_in_3851 { font-size: 99%; } #stacks_in_3852>.s3_row { margin: 0 -10px; } #stacks_in_3852>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_3852>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_3852>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_3852>.s3_row { margin: -10px 0; } #stacks_in_3852>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_3852 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #stacks_in_3854 h3,#stacks_in_3854 h3 a,#stacks_in_3854 p,#stacks_in_3854 p a{ font-size:13px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_3854 h3,#stacks_in_3854 h3 a,#stacks_in_3854 p,#stacks_in_3854 p a{ font-size:12px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_3854 h3,#stacks_in_3854 h3 a,#stacks_in_3854 p,#stacks_in_3854 p a{ font-size:11px; } } #stacks_in_3854 h3,#stacks_in_3854 h3 a,#stacks_in_3854 p,#stacks_in_3854 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_3854 p a:hover, #stacks_in_3854 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_3854 { margin: 10px; } #stacks_out_3854 { margin-right:0; } #stacks_in_3855 { font-size: 99%; } #stacks_in_3856 h3,#stacks_in_3856 h3 a,#stacks_in_3856 p,#stacks_in_3856 p a{ font-size:13px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_3856 h3,#stacks_in_3856 h3 a,#stacks_in_3856 p,#stacks_in_3856 p a{ font-size:12px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_3856 h3,#stacks_in_3856 h3 a,#stacks_in_3856 p,#stacks_in_3856 p a{ font-size:11px; } } #stacks_in_3856 h3,#stacks_in_3856 h3 a,#stacks_in_3856 p,#stacks_in_3856 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_3856 p a:hover, #stacks_in_3856 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_3856 { margin: 10px; } #stacks_out_3856 { margin-right:0; } #stacks_in_3857 { font-size: 99%; } #stacks_in_3858 h3,#stacks_in_3858 h3 a,#stacks_in_3858 p,#stacks_in_3858 p a{ font-size:13px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_3858 h3,#stacks_in_3858 h3 a,#stacks_in_3858 p,#stacks_in_3858 p a{ font-size:12px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_3858 h3,#stacks_in_3858 h3 a,#stacks_in_3858 p,#stacks_in_3858 p a{ font-size:11px; } } #stacks_in_3858 h3,#stacks_in_3858 h3 a,#stacks_in_3858 p,#stacks_in_3858 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_3858 p a:hover, #stacks_in_3858 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_3858 { margin: 10px; } #stacks_out_3858 { margin-right:0; } #stacks_in_3859 { font-size: 99%; } #stacks_in_3861 h3,#stacks_in_3861 h3 a,#stacks_in_3861 p,#stacks_in_3861 p a{ font-size:13px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_3861 h3,#stacks_in_3861 h3 a,#stacks_in_3861 p,#stacks_in_3861 p a{ font-size:12px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_3861 h3,#stacks_in_3861 h3 a,#stacks_in_3861 p,#stacks_in_3861 p a{ font-size:11px; } } #stacks_in_3861 h3,#stacks_in_3861 h3 a,#stacks_in_3861 p,#stacks_in_3861 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:center; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_3861 p a:hover, #stacks_in_3861 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_3861 { margin: 10px; } #stacks_out_3861 { margin-right:0; } #stacks_in_3862 { font-size: 99%; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_3863, #stacks_in_3863 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_3863 { padding: 20px 0px !important; } #press_alignment_stacks_in_3863 { width: 100%; } #press_alignment_stacks_in_3863.press-left { text-align: left; } #press_alignment_stacks_in_3863.press-center { text-align: center; } #press_alignment_stacks_in_3863.press-right { text-align: right; } #stacks_in_3863 { transition: all 200ms ease; /* */ /* */ /* */ background: #4DCB61; background: -webkit-gradient(linear, left top, left bottom, from(to bottom), color-stop(#4DCB61), to(#16AB54)); background: linear-gradient(to bottom, #4DCB61, #16AB54); /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 10px 10px 10px 10px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_3863:hover { /* */ /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_3863:hover .press-icon i { /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_3863:active { /* */ /* */ /* */ /* */ } #stacks_in_3863:active .press-icon i { /* */ } #stacks_in_3863 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 10px 20px 10px 20px; border-radius: 0px 0px 0px 0px; /* */ /* */ /* */ background: #52A37C; background: -webkit-gradient(linear, left top, left bottom, from(to right), color-stop(#52A37C), to(#0D6634)); background: linear-gradient(to right, #52A37C, #0D6634); /* */ /* */ /* */ /* */ margin-right: 0px; /* */ /* */ /* */ } #stacks_in_3863 .press-icon i { font-size: 17px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_3863 .press-text { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; padding: 5px 14px 5px 14px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 16px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_3863 .press-text .out { margin: 0 !important; } #stacks_in_3863 { font-size: 12px; line-height: 16px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } #stacks_in_3866 h3,#stacks_in_3866 h3 a,#stacks_in_3866 p,#stacks_in_3866 p a{ font-size:13px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_3866 h3,#stacks_in_3866 h3 a,#stacks_in_3866 p,#stacks_in_3866 p a{ font-size:12px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_3866 h3,#stacks_in_3866 h3 a,#stacks_in_3866 p,#stacks_in_3866 p a{ font-size:11px; } } #stacks_in_3866 h3,#stacks_in_3866 h3 a,#stacks_in_3866 p,#stacks_in_3866 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_3866 p a:hover, #stacks_in_3866 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_3866 { margin: 10px; } #stacks_out_3866 { margin-right:0; } #stacks_in_3867 { font-size: 99%; } #stacks_in_3868>.s3_row { margin: 0 -10px; } #stacks_in_3868>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_3868>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_3868>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_3868>.s3_row { margin: -10px 0; } #stacks_in_3868>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_3868 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #stacks_in_3870 h3,#stacks_in_3870 h3 a,#stacks_in_3870 p,#stacks_in_3870 p a{ font-size:13px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_3870 h3,#stacks_in_3870 h3 a,#stacks_in_3870 p,#stacks_in_3870 p a{ font-size:12px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_3870 h3,#stacks_in_3870 h3 a,#stacks_in_3870 p,#stacks_in_3870 p a{ font-size:11px; } } #stacks_in_3870 h3,#stacks_in_3870 h3 a,#stacks_in_3870 p,#stacks_in_3870 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_3870 p a:hover, #stacks_in_3870 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_3870 { margin: 10px; } #stacks_out_3870 { margin-right:0; } #stacks_in_3871 { font-size: 99%; } #stacks_in_3872 h3,#stacks_in_3872 h3 a,#stacks_in_3872 p,#stacks_in_3872 p a{ font-size:13px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_3872 h3,#stacks_in_3872 h3 a,#stacks_in_3872 p,#stacks_in_3872 p a{ font-size:12px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_3872 h3,#stacks_in_3872 h3 a,#stacks_in_3872 p,#stacks_in_3872 p a{ font-size:11px; } } #stacks_in_3872 h3,#stacks_in_3872 h3 a,#stacks_in_3872 p,#stacks_in_3872 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_3872 p a:hover, #stacks_in_3872 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_3872 { margin: 10px; } #stacks_out_3872 { margin-right:0; } #stacks_in_3873 { font-size: 99%; } #stacks_in_3874 h3,#stacks_in_3874 h3 a,#stacks_in_3874 p,#stacks_in_3874 p a{ font-size:13px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_3874 h3,#stacks_in_3874 h3 a,#stacks_in_3874 p,#stacks_in_3874 p a{ font-size:12px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_3874 h3,#stacks_in_3874 h3 a,#stacks_in_3874 p,#stacks_in_3874 p a{ font-size:11px; } } #stacks_in_3874 h3,#stacks_in_3874 h3 a,#stacks_in_3874 p,#stacks_in_3874 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_3874 p a:hover, #stacks_in_3874 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_3874 { margin: 10px; } #stacks_out_3874 { margin-right:0; } #stacks_in_3875 { font-size: 99%; } #stacks_in_3877 h3,#stacks_in_3877 h3 a,#stacks_in_3877 p,#stacks_in_3877 p a{ font-size:13px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_3877 h3,#stacks_in_3877 h3 a,#stacks_in_3877 p,#stacks_in_3877 p a{ font-size:12px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_3877 h3,#stacks_in_3877 h3 a,#stacks_in_3877 p,#stacks_in_3877 p a{ font-size:11px; } } #stacks_in_3877 h3,#stacks_in_3877 h3 a,#stacks_in_3877 p,#stacks_in_3877 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:center; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_3877 p a:hover, #stacks_in_3877 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_3877 { margin: 10px; } #stacks_out_3877 { margin-right:0; } #stacks_in_3878 { font-size: 99%; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_3879, #stacks_in_3879 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_3879 { padding: 20px 0px !important; } #press_alignment_stacks_in_3879 { width: 100%; } #press_alignment_stacks_in_3879.press-left { text-align: left; } #press_alignment_stacks_in_3879.press-center { text-align: center; } #press_alignment_stacks_in_3879.press-right { text-align: right; } #stacks_in_3879 { transition: all 200ms ease; /* */ /* */ /* */ background: #4DCB61; background: -webkit-gradient(linear, left top, left bottom, from(to bottom), color-stop(#4DCB61), to(#16AB54)); background: linear-gradient(to bottom, #4DCB61, #16AB54); /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 10px 10px 10px 10px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_3879:hover { /* */ /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_3879:hover .press-icon i { /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_3879:active { /* */ /* */ /* */ /* */ } #stacks_in_3879:active .press-icon i { /* */ } #stacks_in_3879 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 10px 20px 10px 20px; border-radius: 0px 0px 0px 0px; /* */ /* */ /* */ background: #52A37C; background: -webkit-gradient(linear, left top, left bottom, from(to right), color-stop(#52A37C), to(#0D6634)); background: linear-gradient(to right, #52A37C, #0D6634); /* */ /* */ /* */ /* */ margin-right: 0px; /* */ /* */ /* */ } #stacks_in_3879 .press-icon i { font-size: 16px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_3879 .press-text { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; padding: 5px 14px 5px 14px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 16px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_3879 .press-text .out { margin: 0 !important; } #stacks_in_3879 { font-size: 12px; line-height: 16px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } #stacks_in_3882 h3,#stacks_in_3882 h3 a,#stacks_in_3882 p,#stacks_in_3882 p a{ font-size:13px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_3882 h3,#stacks_in_3882 h3 a,#stacks_in_3882 p,#stacks_in_3882 p a{ font-size:12px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_3882 h3,#stacks_in_3882 h3 a,#stacks_in_3882 p,#stacks_in_3882 p a{ font-size:11px; } } #stacks_in_3882 h3,#stacks_in_3882 h3 a,#stacks_in_3882 p,#stacks_in_3882 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_3882 p a:hover, #stacks_in_3882 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_3882 { margin: 10px; } #stacks_out_3882 { margin-right:0; } #stacks_in_3883 { font-size: 99%; } #stacks_in_3884>.s3_row { margin: 0 -10px; } #stacks_in_3884>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_3884>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_3884>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_3884>.s3_row { margin: -10px 0; } #stacks_in_3884>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_3884 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #stacks_in_3886 h3,#stacks_in_3886 h3 a,#stacks_in_3886 p,#stacks_in_3886 p a{ font-size:13px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_3886 h3,#stacks_in_3886 h3 a,#stacks_in_3886 p,#stacks_in_3886 p a{ font-size:12px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_3886 h3,#stacks_in_3886 h3 a,#stacks_in_3886 p,#stacks_in_3886 p a{ font-size:11px; } } #stacks_in_3886 h3,#stacks_in_3886 h3 a,#stacks_in_3886 p,#stacks_in_3886 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_3886 p a:hover, #stacks_in_3886 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_3886 { margin: 10px; } #stacks_out_3886 { margin-right:0; } #stacks_in_3887 { font-size: 99%; } #stacks_in_3888 h3,#stacks_in_3888 h3 a,#stacks_in_3888 p,#stacks_in_3888 p a{ font-size:13px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_3888 h3,#stacks_in_3888 h3 a,#stacks_in_3888 p,#stacks_in_3888 p a{ font-size:12px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_3888 h3,#stacks_in_3888 h3 a,#stacks_in_3888 p,#stacks_in_3888 p a{ font-size:11px; } } #stacks_in_3888 h3,#stacks_in_3888 h3 a,#stacks_in_3888 p,#stacks_in_3888 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_3888 p a:hover, #stacks_in_3888 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_3888 { margin: 10px; } #stacks_out_3888 { margin-right:0; } #stacks_in_3889 { font-size: 99%; } #stacks_in_3891 h3,#stacks_in_3891 h3 a,#stacks_in_3891 p,#stacks_in_3891 p a{ font-size:13px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_3891 h3,#stacks_in_3891 h3 a,#stacks_in_3891 p,#stacks_in_3891 p a{ font-size:12px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_3891 h3,#stacks_in_3891 h3 a,#stacks_in_3891 p,#stacks_in_3891 p a{ font-size:11px; } } #stacks_in_3891 h3,#stacks_in_3891 h3 a,#stacks_in_3891 p,#stacks_in_3891 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:center; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_3891 p a:hover, #stacks_in_3891 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_3891 { margin: 10px; } #stacks_out_3891 { margin-right:0; } #stacks_in_3892 { font-size: 99%; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_3893, #stacks_in_3893 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_3893 { padding: 20px 0px !important; } #press_alignment_stacks_in_3893 { width: 100%; } #press_alignment_stacks_in_3893.press-left { text-align: left; } #press_alignment_stacks_in_3893.press-center { text-align: center; } #press_alignment_stacks_in_3893.press-right { text-align: right; } #stacks_in_3893 { transition: all 200ms ease; /* */ /* */ /* */ background: #4DCB61; background: -webkit-gradient(linear, left top, left bottom, from(to bottom), color-stop(#4DCB61), to(#16AB54)); background: linear-gradient(to bottom, #4DCB61, #16AB54); /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 10px 10px 20px 10px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_3893:hover { /* */ /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_3893:hover .press-icon i { /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_3893:active { /* */ /* */ /* */ /* */ } #stacks_in_3893:active .press-icon i { /* */ } #stacks_in_3893 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 10px 20px 10px 20px; border-radius: 0px 0px 0px 0px; /* */ /* */ /* */ background: #52A37C; background: -webkit-gradient(linear, left top, left bottom, from(to right), color-stop(#52A37C), to(#0D6634)); background: linear-gradient(to right, #52A37C, #0D6634); /* */ /* */ /* */ /* */ margin-right: 0px; /* */ /* */ /* */ } #stacks_in_3893 .press-icon i { font-size: 16px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_3893 .press-text { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; padding: 5px 14px 5px 14px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 16px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_3893 .press-text .out { margin: 0 !important; } #stacks_in_3893 { font-size: 12px; line-height: 16px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } #flex-item-stacks_in_8076 .flex-grid-item-stacks_in_8069 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_8076 .flex-grid-item-stacks_in_8069 .flex-item-content-stacks_in_8069 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_8076 .flex-grid-item-stacks_in_8069 .flex-item-content-stacks_in_8069 .flex-item-content-inner-stacks_in_8069 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8076 .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_8076 .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8076 .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8076 .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8076.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8076.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8076.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_3795 h3,#stacks_in_3795 h3 a,#stacks_in_3795 p,#stacks_in_3795 p a{ font-size:13px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_3795 h3,#stacks_in_3795 h3 a,#stacks_in_3795 p,#stacks_in_3795 p a{ font-size:12px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_3795 h3,#stacks_in_3795 h3 a,#stacks_in_3795 p,#stacks_in_3795 p a{ font-size:11px; } } #stacks_in_3795 h3,#stacks_in_3795 h3 a,#stacks_in_3795 p,#stacks_in_3795 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_3795 p a:hover, #stacks_in_3795 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_3795 { margin: 10px; } #stacks_out_3795 { margin-right:0; } #stacks_in_3796 { font-size: 99%; } #stacks_in_3797>.s3_row { margin: 0 -10px; } #stacks_in_3797>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_3797>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_3797>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_3797>.s3_row { margin: -10px 0; } #stacks_in_3797>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_3797 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #stacks_in_3799 h3,#stacks_in_3799 h3 a,#stacks_in_3799 p,#stacks_in_3799 p a{ font-size:13px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_3799 h3,#stacks_in_3799 h3 a,#stacks_in_3799 p,#stacks_in_3799 p a{ font-size:12px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_3799 h3,#stacks_in_3799 h3 a,#stacks_in_3799 p,#stacks_in_3799 p a{ font-size:11px; } } #stacks_in_3799 h3,#stacks_in_3799 h3 a,#stacks_in_3799 p,#stacks_in_3799 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_3799 p a:hover, #stacks_in_3799 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_3799 { margin: 10px; } #stacks_out_3799 { margin-right:0; } #stacks_in_3800 { font-size: 99%; } #stacks_in_3801 h3,#stacks_in_3801 h3 a,#stacks_in_3801 p,#stacks_in_3801 p a{ font-size:13px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_3801 h3,#stacks_in_3801 h3 a,#stacks_in_3801 p,#stacks_in_3801 p a{ font-size:12px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_3801 h3,#stacks_in_3801 h3 a,#stacks_in_3801 p,#stacks_in_3801 p a{ font-size:11px; } } #stacks_in_3801 h3,#stacks_in_3801 h3 a,#stacks_in_3801 p,#stacks_in_3801 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_3801 p a:hover, #stacks_in_3801 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_3801 { margin: 10px; } #stacks_out_3801 { margin-right:0; } #stacks_in_3802 { font-size: 99%; } #stacks_in_3804 h3,#stacks_in_3804 h3 a,#stacks_in_3804 p,#stacks_in_3804 p a{ font-size:13px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_3804 h3,#stacks_in_3804 h3 a,#stacks_in_3804 p,#stacks_in_3804 p a{ font-size:12px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_3804 h3,#stacks_in_3804 h3 a,#stacks_in_3804 p,#stacks_in_3804 p a{ font-size:11px; } } #stacks_in_3804 h3,#stacks_in_3804 h3 a,#stacks_in_3804 p,#stacks_in_3804 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:center; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_3804 p a:hover, #stacks_in_3804 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_3804 { margin: 10px; } #stacks_out_3804 { margin-right:0; } #stacks_in_3805 { font-size: 99%; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_3806, #stacks_in_3806 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_3806 { padding: 20px 0px !important; } #press_alignment_stacks_in_3806 { width: 100%; } #press_alignment_stacks_in_3806.press-left { text-align: left; } #press_alignment_stacks_in_3806.press-center { text-align: center; } #press_alignment_stacks_in_3806.press-right { text-align: right; } #stacks_in_3806 { transition: all 200ms ease; /* */ /* */ /* */ background: #4DCB61; background: -webkit-gradient(linear, left top, left bottom, from(to bottom), color-stop(#4DCB61), to(#16AB54)); background: linear-gradient(to bottom, #4DCB61, #16AB54); /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 20px 10px 20px 10px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_3806:hover { /* */ /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_3806:hover .press-icon i { /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_3806:active { /* */ /* */ /* */ /* */ } #stacks_in_3806:active .press-icon i { /* */ } #stacks_in_3806 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 10px 20px 10px 20px; border-radius: 0px 0px 0px 0px; /* */ /* */ /* */ background: #52A37C; background: -webkit-gradient(linear, left top, left bottom, from(to right), color-stop(#52A37C), to(#0D6634)); background: linear-gradient(to right, #52A37C, #0D6634); /* */ /* */ /* */ /* */ margin-right: 0px; /* */ /* */ /* */ } #stacks_in_3806 .press-icon i { font-size: 17px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_3806 .press-text { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; padding: 5px 14px 5px 14px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 16px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_3806 .press-text .out { margin: 0 !important; } #stacks_in_3806 { font-size: 12px; line-height: 16px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } #flex-item-stacks_in_8083 .flex-grid-item-stacks_in_8069 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_8083 .flex-grid-item-stacks_in_8069 .flex-item-content-stacks_in_8069 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_8083 .flex-grid-item-stacks_in_8069 .flex-item-content-stacks_in_8069 .flex-item-content-inner-stacks_in_8069 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8083 .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_8083 .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8083 .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8083 .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8083.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8083.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8083.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_3532 h3,#stacks_in_3532 h3 a,#stacks_in_3532 p,#stacks_in_3532 p a{ font-size:13px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_3532 h3,#stacks_in_3532 h3 a,#stacks_in_3532 p,#stacks_in_3532 p a{ font-size:12px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_3532 h3,#stacks_in_3532 h3 a,#stacks_in_3532 p,#stacks_in_3532 p a{ font-size:11px; } } #stacks_in_3532 h3,#stacks_in_3532 h3 a,#stacks_in_3532 p,#stacks_in_3532 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_3532 p a:hover, #stacks_in_3532 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_3532 { margin: 10px; } #stacks_out_3532 { margin-right:0; } #stacks_in_3533 { font-size: 99%; } /* -- Start Swell Each css Template -- */ #stacks_in_3534{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_3534swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_3534swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_3534swell{ max-width: 800px; } .stacks_in_3534swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_3534swell-with-zoom .mfp-container,.stacks_in_3534swell-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 198.000015ms ease-out; -moz-transition: all 198.000015ms ease-out; -o-transition: all 198.000015ms ease-out; transition: all 198.000015ms ease-out; } .stacks_in_3534swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_3534swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_3534swell-with-zoom.mfp-removing .mfp-container,.stacks_in_3534swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_3534 .swellzoomeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_3534 .swellshrinkeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_3534 .swellcircleeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #stacks_in_3534 .swellthreedeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media all and (min-width: 480px) { #stacks_in_3534 .swellzoomeffect img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } #stacks_in_3534 .swellshrinkeffect img:hover{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9); } #stacks_in_3534 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_3534 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_3534 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_3534 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_3534 .swellthreedeffect:hover{ box-shadow: 1px 1px rgba(242, 88, 95, 1.00), 2px 2px rgba(242, 88, 95, 1.00), 3px 3px rgba(242, 88, 95, 1.00); -webkit-transform: translateX(-3px); transform: translateX(-3px); } } /* -- End Swell Each css Template -- */ #stacks_in_3534 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #stacks_out_3534 { width: 90%; } #flex-item-stacks_in_8090 .flex-grid-item-stacks_in_8069 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_8090 .flex-grid-item-stacks_in_8069 .flex-item-content-stacks_in_8069 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_8090 .flex-grid-item-stacks_in_8069 .flex-item-content-stacks_in_8069 .flex-item-content-inner-stacks_in_8069 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8090 .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_8090 .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8090 .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8090 .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8090.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8090.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8090.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_2614 h3,#stacks_in_2614 h3 a,#stacks_in_2614 p,#stacks_in_2614 p a{ font-size:14px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_2614 h3,#stacks_in_2614 h3 a,#stacks_in_2614 p,#stacks_in_2614 p a{ font-size:13px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_2614 h3,#stacks_in_2614 h3 a,#stacks_in_2614 p,#stacks_in_2614 p a{ font-size:12px; } } #stacks_in_2614 h3,#stacks_in_2614 h3 a,#stacks_in_2614 p,#stacks_in_2614 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_2614 p a:hover, #stacks_in_2614 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_2614 { margin: 10px; } #stacks_out_2614 { margin-right:0; } #stacks_in_2615 { font-size: 99%; } #stacks_in_2616 h3,#stacks_in_2616 h3 a,#stacks_in_2616 p,#stacks_in_2616 p a{ font-size:13px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_2616 h3,#stacks_in_2616 h3 a,#stacks_in_2616 p,#stacks_in_2616 p a{ font-size:12px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_2616 h3,#stacks_in_2616 h3 a,#stacks_in_2616 p,#stacks_in_2616 p a{ font-size:11px; } } #stacks_in_2616 h3,#stacks_in_2616 h3 a,#stacks_in_2616 p,#stacks_in_2616 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_2616 p a:hover, #stacks_in_2616 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_2616 { margin: 10px; } #stacks_out_2616 { margin-right:0; } #stacks_in_2617 { font-size: 99%; } /* -------------------------------- Primary style -------------------------------- */ body.overflow-hidden { /* used when modal is visible */ overflow: hidden; } body.overflow-hidden .cd-modal { display: block !important; } /* -------------------------------- Main Components -------------------------------- */ #stacks_in_2618 .cd-section { text-align: center; position: relative; } #stacks_in_2618 .cd-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; pointer-events: none; -webkit-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; -moz-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; } #stacks_in_2618 .cd-modal .cd-modal-content { box-sizing: border-box; height: 100%; width: 100%; padding: 3em 5%; color: #FFFFFF; text-align: left; overflow-y: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_2618 .cd-modal-content a, #stacks_in_2618 .cd-modal-content a:visited { color: #DE425A; } #stacks_in_2618 .cd-modal-content a:hover, #stacks_in_2618 .cd-modal-content a:active { color: #B13448; } #stacks_in_2618 .modal-is-visible .cd-modal { z-index: 300000 !important; visibility: visible; opacity: 1; pointer-events: auto; -webkit-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; -moz-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; } #stacks_in_2618 .modal-is-visible .cd-modal .cd-modal-content { -webkit-overflow-scrolling: touch; } @media only screen and (min-width: 768px) { #stacks_in_2618 .cd-modal .cd-modal-content { padding: 4em 10%; } } @media only screen and (min-width: 1170px) { #stacks_in_2618 .cd-modal .cd-modal-content { padding: 6em 20%; } } #stacks_in_2618 .cd-modal-action { position: relative; } #stacks_in_2618 .cd-modal-action .modal_btn, #stacks_in_2618 .cd-modal-action .cd-modal-bg { display: inline-block; height: 2.5em; background-color: #336699; } #stacks_in_2618 .modal_btn, #stacks_in_2618 .cd-modal-close { text-decoration: none !important; border: none !important; } #stacks_in_2618 .cd-modal-action .modal_btn { border-radius: 5em; color: #ffffff; line-height: 2.5em; white-space: nowrap; font-weight: 700; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: color 0.2s 0.3s, width 0.3s 0s; -moz-transition: color 0.2s 0.3s, width 0.3s 0s; transition: color 0.2s 0.3s, width 0.3s 0s; overflow: hidden; } @media only screen { #stacks_in_2618 .cd-modal-action .modal_btn { width: 225px; } } @media only screen and (max-width: 720px) { #stacks_in_2618 .cd-modal-action .modal_btn { width: 100%; } } @media only screen and (max-width: 480px) { #stacks_in_2618 .cd-modal-action .modal_btn { width: 100%; } } #stacks_in_2618 .cd-modal-action .modal_btn i { margin-right: 6px; } #stacks_in_2618 .cd-modal-action .modal_btn.to-circle { width: 2.5em; color: transparent !important; -webkit-transition: color 0.2s 0s, width 0.3s 0.2s; -moz-transition: color 0.2s 0s, width 0.3s 0.2s; transition: color 0.2s 0s, width 0.3s 0.2s; } #stacks_in_2618 .cd-modal-action .cd-modal-bg { position: absolute; z-index: 300000 !important; left: 50%; top: 0; width: 2.5em; border-radius: 50%; opacity: 0; visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateX(-2em); -moz-transform: translateX(-2em); -ms-transform: translateX(-2em); -o-transform: translateX(-2em); transform: translateX(-2em); -webkit-transition: visibility 0s 0.5s; -moz-transition: visibility 0s 0.5s; transition: visibility 0s 0.5s; } #stacks_in_2618 .cd-modal-action .cd-modal-bg.is-visible { opacity: 1; visibility: visible; } #stacks_in_2618 .cd-modal-close { position: fixed; z-index: 9999999 !important; top: 20px; right: 20px; display: block; height: 50px; width: 50px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.3); background-image: url(../files/cd-icon-close.png); background-repeat: no-repeat; background-position: center center; /* image replacement */ overflow: hidden; text-indent: 100%; white-space: nowrap; visibility: hidden; opacity: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; transition: transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; } #stacks_in_2618 .no-touch .cd-modal-close:hover { background-color: rgba(0, 0, 0, 0.5); } #stacks_in_2618 .modal-is-visible .cd-modal-close { visibility: visible; opacity: 1; -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; transition: transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } @media only screen and (min-width: 768px) { #stacks_in_2618 .cd-modal-close { top: 40px; right: 40px; } } #stacks_in_2618 .cd-modal-action a, #stacks_in_2618 .cd-modal-action a:visited, #stacks_in_2618 .cd-modal-action a:hover, #stacks_in_2618 .cd-modal-action a:active { color: #FFFFFF !important; text-decoration: none; } /* Font Selections */ #stacks_in_2618 .cd-modal-action .modal_btn { } #stacks_in_2618 { margin: 10px 0px 10px 0px; } #stacks_out_2618 { width: 48%; margin-left:0; } /* Start Print This 2 stack CSS code */ .stacks_in_2620PrintThisOuter{ background-color: #FFFFFF; padding: 15px; border: 1px dashed #CCCCCC; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .stacks_in_2620PrintThis2{ position: relative; } @font-face { font-family: "doo_fontsregular"; src: url('../files/printthis2Assets/font/doo_print-webfont.eot'); src: url('../files/printthis2Assets/font/doo_print-webfont.eot?#iefix') format('eot'), url('../files/printthis2Assets/font/doo_print-webfont.woff') format('woff'), url('../files/printthis2Assets/font/doo_print-webfont.ttf') format('truetype'), url('../files/printthis2Assets/font/doo_print-webfont.svg#doo_fontsregular') format('svg'); font-weight: normal; font-style: normal; } .stacks_in_2620PrintThisButton{ float: right; font-family: "doo_fontsregular"; font-size: 24px; line-height: 24px; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; color: #000000; cursor:pointer; } .stacks_in_2620PrintThisButton:hover{ color: #3C3C3C; } .stacks_in_2620clearer{ clear: both; height: 1px; padding: 0; margin: 0; } /* End Print This 2 stack CSS code */ #stacks_in_2625 h3,#stacks_in_2625 h3 a,#stacks_in_2625 p,#stacks_in_2625 p a{ font-size:14px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_2625 h3,#stacks_in_2625 h3 a,#stacks_in_2625 p,#stacks_in_2625 p a{ font-size:13px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_2625 h3,#stacks_in_2625 h3 a,#stacks_in_2625 p,#stacks_in_2625 p a{ font-size:12px; } } #stacks_in_2625 h3,#stacks_in_2625 h3 a,#stacks_in_2625 p,#stacks_in_2625 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: bold ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_2625 p a:hover, #stacks_in_2625 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_2625 { margin: 10px; } #stacks_out_2625 { margin-right:0; } #stacks_in_2626 { font-size: 99%; } #stacks_in_2627 h3,#stacks_in_2627 h3 a,#stacks_in_2627 p,#stacks_in_2627 p a{ font-size:13px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_2627 h3,#stacks_in_2627 h3 a,#stacks_in_2627 p,#stacks_in_2627 p a{ font-size:12px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_2627 h3,#stacks_in_2627 h3 a,#stacks_in_2627 p,#stacks_in_2627 p a{ font-size:11px; } } #stacks_in_2627 h3,#stacks_in_2627 h3 a,#stacks_in_2627 p,#stacks_in_2627 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_2627 p a:hover, #stacks_in_2627 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_2627 { margin: 10px; } #stacks_out_2627 { margin-right:0; } #stacks_in_2628 { font-size: 99%; } /* -------------------------------- Primary style -------------------------------- */ body.overflow-hidden { /* used when modal is visible */ overflow: hidden; } body.overflow-hidden .cd-modal { display: block !important; } /* -------------------------------- Main Components -------------------------------- */ #stacks_in_2629 .cd-section { text-align: center; position: relative; } #stacks_in_2629 .cd-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; pointer-events: none; -webkit-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; -moz-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; } #stacks_in_2629 .cd-modal .cd-modal-content { box-sizing: border-box; height: 100%; width: 100%; padding: 3em 5%; color: #FFFFFF; text-align: left; overflow-y: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_2629 .cd-modal-content a, #stacks_in_2629 .cd-modal-content a:visited { color: #DE425A; } #stacks_in_2629 .cd-modal-content a:hover, #stacks_in_2629 .cd-modal-content a:active { color: #B13448; } #stacks_in_2629 .modal-is-visible .cd-modal { z-index: 300000 !important; visibility: visible; opacity: 1; pointer-events: auto; -webkit-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; -moz-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; } #stacks_in_2629 .modal-is-visible .cd-modal .cd-modal-content { -webkit-overflow-scrolling: touch; } @media only screen and (min-width: 768px) { #stacks_in_2629 .cd-modal .cd-modal-content { padding: 4em 10%; } } @media only screen and (min-width: 1170px) { #stacks_in_2629 .cd-modal .cd-modal-content { padding: 6em 20%; } } #stacks_in_2629 .cd-modal-action { position: relative; } #stacks_in_2629 .cd-modal-action .modal_btn, #stacks_in_2629 .cd-modal-action .cd-modal-bg { display: inline-block; height: 2.5em; background-color: #336699; } #stacks_in_2629 .modal_btn, #stacks_in_2629 .cd-modal-close { text-decoration: none !important; border: none !important; } #stacks_in_2629 .cd-modal-action .modal_btn { border-radius: 5em; color: #ffffff; line-height: 2.5em; white-space: nowrap; font-weight: 700; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: color 0.2s 0.3s, width 0.3s 0s; -moz-transition: color 0.2s 0.3s, width 0.3s 0s; transition: color 0.2s 0.3s, width 0.3s 0s; overflow: hidden; } @media only screen { #stacks_in_2629 .cd-modal-action .modal_btn { width: 225px; } } @media only screen and (max-width: 720px) { #stacks_in_2629 .cd-modal-action .modal_btn { width: 100%; } } @media only screen and (max-width: 480px) { #stacks_in_2629 .cd-modal-action .modal_btn { width: 100%; } } #stacks_in_2629 .cd-modal-action .modal_btn i { margin-right: 6px; } #stacks_in_2629 .cd-modal-action .modal_btn.to-circle { width: 2.5em; color: transparent !important; -webkit-transition: color 0.2s 0s, width 0.3s 0.2s; -moz-transition: color 0.2s 0s, width 0.3s 0.2s; transition: color 0.2s 0s, width 0.3s 0.2s; } #stacks_in_2629 .cd-modal-action .cd-modal-bg { position: absolute; z-index: 300000 !important; left: 50%; top: 0; width: 2.5em; border-radius: 50%; opacity: 0; visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateX(-2em); -moz-transform: translateX(-2em); -ms-transform: translateX(-2em); -o-transform: translateX(-2em); transform: translateX(-2em); -webkit-transition: visibility 0s 0.5s; -moz-transition: visibility 0s 0.5s; transition: visibility 0s 0.5s; } #stacks_in_2629 .cd-modal-action .cd-modal-bg.is-visible { opacity: 1; visibility: visible; } #stacks_in_2629 .cd-modal-close { position: fixed; z-index: 9999999 !important; top: 20px; right: 20px; display: block; height: 50px; width: 50px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.3); background-image: url(../files/cd-icon-close.png); background-repeat: no-repeat; background-position: center center; /* image replacement */ overflow: hidden; text-indent: 100%; white-space: nowrap; visibility: hidden; opacity: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; transition: transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; } #stacks_in_2629 .no-touch .cd-modal-close:hover { background-color: rgba(0, 0, 0, 0.5); } #stacks_in_2629 .modal-is-visible .cd-modal-close { visibility: visible; opacity: 1; -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; transition: transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } @media only screen and (min-width: 768px) { #stacks_in_2629 .cd-modal-close { top: 40px; right: 40px; } } #stacks_in_2629 .cd-modal-action a, #stacks_in_2629 .cd-modal-action a:visited, #stacks_in_2629 .cd-modal-action a:hover, #stacks_in_2629 .cd-modal-action a:active { color: #FFFFFF !important; text-decoration: none; } /* Font Selections */ #stacks_in_2629 .cd-modal-action .modal_btn { } #stacks_in_2629 { margin: 10px 0px 10px 0px; } #stacks_out_2629 { width: 48%; margin-left:0; } /* Start Print This 2 stack CSS code */ .stacks_in_2631PrintThisOuter{ background-color: #FFFFFF; padding: 15px; border: 1px dashed #CCCCCC; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .stacks_in_2631PrintThis2{ position: relative; } @font-face { font-family: "doo_fontsregular"; src: url('../files/printthis2Assets/font/doo_print-webfont.eot'); src: url('../files/printthis2Assets/font/doo_print-webfont.eot?#iefix') format('eot'), url('../files/printthis2Assets/font/doo_print-webfont.woff') format('woff'), url('../files/printthis2Assets/font/doo_print-webfont.ttf') format('truetype'), url('../files/printthis2Assets/font/doo_print-webfont.svg#doo_fontsregular') format('svg'); font-weight: normal; font-style: normal; } .stacks_in_2631PrintThisButton{ float: right; font-family: "doo_fontsregular"; font-size: 24px; line-height: 24px; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; color: #000000; cursor:pointer; } .stacks_in_2631PrintThisButton:hover{ color: #3C3C3C; } .stacks_in_2631clearer{ clear: both; height: 1px; padding: 0; margin: 0; } /* End Print This 2 stack CSS code *//* -- Start Swell Each css Template -- */ #stacks_in_2635{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_2635swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_2635swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_2635swell{ max-width: 800px; } .stacks_in_2635swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_2635swell-with-zoom .mfp-container,.stacks_in_2635swell-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 198.000015ms ease-out; -moz-transition: all 198.000015ms ease-out; -o-transition: all 198.000015ms ease-out; transition: all 198.000015ms ease-out; } .stacks_in_2635swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_2635swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_2635swell-with-zoom.mfp-removing .mfp-container,.stacks_in_2635swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_2635 .swellzoomeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_2635 .swellshrinkeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_2635 .swellcircleeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #stacks_in_2635 .swellthreedeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media all and (min-width: 480px) { #stacks_in_2635 .swellzoomeffect img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } #stacks_in_2635 .swellshrinkeffect img:hover{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9); } #stacks_in_2635 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_2635 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_2635 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_2635 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_2635 .swellthreedeffect:hover{ box-shadow: 1px 1px rgba(242, 88, 95, 1.00), 2px 2px rgba(242, 88, 95, 1.00), 3px 3px rgba(242, 88, 95, 1.00); -webkit-transform: translateX(-3px); transform: translateX(-3px); } } /* -- End Swell Each css Template -- */ #stacks_in_2635 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #stacks_out_2635 { width: 50%; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_2638, #stacks_in_2638 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_2638 { padding: 20px 0px !important; } #press_alignment_stacks_in_2638 { width: 100%; } #press_alignment_stacks_in_2638.press-left { text-align: left; } #press_alignment_stacks_in_2638.press-center { text-align: center; } #press_alignment_stacks_in_2638.press-right { text-align: right; } #stacks_in_2638 { transition: all 200ms ease; /* */ /* */ /* */ background: #CCCCCC; background: -webkit-gradient(linear, left top, left bottom, from(to bottom), color-stop(#CCCCCC), to(#ACACAC)); background: linear-gradient(to bottom, #CCCCCC, #ACACAC); /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(0, 0, 0, 1.00); margin: 10px 0px 30px 0px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_2638:hover { /* */ /* */ /* */ background: rgba(255, 255, 255, 0.75); /* */ /* */ /* */ /* */ /* */ /* */ /* */ } #stacks_in_2638:hover .press-icon i { /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_2638:active { /* */ /* */ /* */ /* */ } #stacks_in_2638:active .press-icon i { /* */ } #stacks_in_2638 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 10px 20px 10px 20px; border-radius: 0px 0px 0px 0px; /* */ /* */ /* */ background: #CCCCCC; background: -webkit-gradient(linear, left top, left bottom, from(to right), color-stop(#CCCCCC), to(#999999)); background: linear-gradient(to right, #CCCCCC, #999999); /* */ /* */ /* */ /* */ margin-right: 0px; /* */ /* */ /* */ } #stacks_in_2638 .press-icon i { font-size: 17px; color: rgba(0, 0, 0, 1.00); vertical-align: middle; } #stacks_in_2638 .press-text { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; padding: 5px 14px 5px 0px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 16px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_2638 .press-text .out { margin: 0 !important; } #stacks_in_2638 { font-size: 14px; line-height: 16px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } #flex-item-stacks_in_8100 .flex-grid-item-stacks_in_8069 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_8100 .flex-grid-item-stacks_in_8069 .flex-item-content-stacks_in_8069 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_8100 .flex-grid-item-stacks_in_8069 .flex-item-content-stacks_in_8069 .flex-item-content-inner-stacks_in_8069 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8100 .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_8100 .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8100 .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8100 .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8100.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8100.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8100.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_8069 .flex-item-header-stacks_in_8069 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_2055 h3,#stacks_in_2055 h3 a,#stacks_in_2055 p,#stacks_in_2055 p a{ font-size:13px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_2055 h3,#stacks_in_2055 h3 a,#stacks_in_2055 p,#stacks_in_2055 p a{ font-size:12px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_2055 h3,#stacks_in_2055 h3 a,#stacks_in_2055 p,#stacks_in_2055 p a{ font-size:11px; } } #stacks_in_2055 h3,#stacks_in_2055 h3 a,#stacks_in_2055 p,#stacks_in_2055 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_2055 p a:hover, #stacks_in_2055 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_2055 { margin: 10px; } #stacks_out_2055 { margin-right:0; } #stacks_in_2056 { font-size: 99%; } /* -- Start Swell Each css Template -- */ #stacks_in_2057{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_2057swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_2057swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_2057swell{ max-width: 800px; } .stacks_in_2057swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_2057swell-with-zoom .mfp-container,.stacks_in_2057swell-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 198.000015ms ease-out; -moz-transition: all 198.000015ms ease-out; -o-transition: all 198.000015ms ease-out; transition: all 198.000015ms ease-out; } .stacks_in_2057swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_2057swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_2057swell-with-zoom.mfp-removing .mfp-container,.stacks_in_2057swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_2057 .swellzoomeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_2057 .swellshrinkeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_2057 .swellcircleeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #stacks_in_2057 .swellthreedeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media all and (min-width: 480px) { #stacks_in_2057 .swellzoomeffect img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } #stacks_in_2057 .swellshrinkeffect img:hover{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9); } #stacks_in_2057 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_2057 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_2057 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_2057 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_2057 .swellthreedeffect:hover{ box-shadow: 1px 1px rgba(242, 88, 95, 1.00), 2px 2px rgba(242, 88, 95, 1.00), 3px 3px rgba(242, 88, 95, 1.00); -webkit-transform: translateX(-3px); transform: translateX(-3px); } } /* -- End Swell Each css Template -- */ #stacks_in_2057 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #stacks_out_2057 { width: 50%; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_2060, #stacks_in_2060 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_2060 { padding: 20px 0px !important; } #press_alignment_stacks_in_2060 { width: 100%; } #press_alignment_stacks_in_2060.press-left { text-align: left; } #press_alignment_stacks_in_2060.press-center { text-align: center; } #press_alignment_stacks_in_2060.press-right { text-align: right; } #stacks_in_2060 { transition: all 200ms ease; /* */ /* */ /* */ background: #CCCCCC; background: -webkit-gradient(linear, left top, left bottom, from(to bottom), color-stop(#CCCCCC), to(#ACACAC)); background: linear-gradient(to bottom, #CCCCCC, #ACACAC); /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(0, 0, 0, 1.00); margin: 10px 0px 30px 0px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_2060:hover { /* */ /* */ /* */ background: rgba(255, 255, 255, 0.75); /* */ /* */ /* */ /* */ /* */ /* */ /* */ } #stacks_in_2060:hover .press-icon i { /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_2060:active { /* */ /* */ /* */ /* */ } #stacks_in_2060:active .press-icon i { /* */ } #stacks_in_2060 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 10px 20px 10px 20px; border-radius: 0px 0px 0px 0px; /* */ /* */ /* */ background: #CCCCCC; background: -webkit-gradient(linear, left top, left bottom, from(to right), color-stop(#CCCCCC), to(#999999)); background: linear-gradient(to right, #CCCCCC, #999999); /* */ /* */ /* */ /* */ margin-right: 0px; /* */ /* */ /* */ } #stacks_in_2060 .press-icon i { font-size: 17px; color: rgba(0, 0, 0, 1.00); vertical-align: middle; } #stacks_in_2060 .press-text { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; padding: 5px 14px 5px 0px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 16px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_2060 .press-text .out { margin: 0 !important; } #stacks_in_2060 { font-size: 14px; line-height: 16px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } #flex-item-stacks_in_7546 .flex-grid-item-stacks_in_7545 { /* */ background: rgba(230, 230, 230, 1.00); /* */ /* */ /* */ } #flex-item-stacks_in_7546 .flex-grid-item-stacks_in_7545 .flex-item-content-stacks_in_7545 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_7546 .flex-grid-item-stacks_in_7545 .flex-item-content-stacks_in_7545 .flex-item-content-inner-stacks_in_7545 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7546 .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_7546 .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7546 .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-toggle-icon { color: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_7546 .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-title { color: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_7546.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7546.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7546.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-title { color: rgba(255, 255, 255, 1.00); } /* */ #flex-stacks_in_7548 { margin: 0 auto; max-width: 1280px; } #flex-stacks_in_7548 .flex-controls { /* */ font-family: ""; /* */ display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #flex-stacks_in_7548 .flex-controls.no-inner-text #flex-toggle-stacks_in_7548::before { display: none; } #flex-stacks_in_7548 .flex-controls.no-outer-text #flex-toggle-text-stacks_in_7548 { display: none; } #flex-stacks_in_7548 .flex-controls #flex-toggle-text-stacks_in_7548 { color: rgba(69, 90, 100, 1.00); font-size: 13px; cursor: pointer; font-weight: bold; margin-right: 10px; display: inline-block; } #flex-stacks_in_7548 .flex-controls #flex-toggle-text-stacks_in_7548::before { display: inline-block; content: 'CLOSE ALL'; } #flex-stacks_in_7548 .flex-controls #flex-toggle-text-stacks_in_7548.off::before { content: 'OPEN ALL'; } #flex-stacks_in_7548 .flex-controls #flex-toggle-stacks_in_7548 { width: 40px; height: 20px; border-radius: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 2px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; cursor: pointer; position: relative; background: rgba(2, 216, 101, 1.00); transition: background 1s ease; } #flex-stacks_in_7548 .flex-controls #flex-toggle-stacks_in_7548::before { content: 'ON'; top: 50%; left: 50%; display: block; opacity: 0; font-size: 12px; color: rgba(2, 216, 101, 1.00); font-weight: bold; position: absolute; font-family: "Roboto"; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation-name: text-animation-off; animation-name: text-animation-off; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; animation-duration: 1s; } #flex-stacks_in_7548 .flex-controls #flex-toggle-stacks_in_7548 .flex-toggle-inner { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; width: 100%; border-radius: inherit; max-width: 40px; background: rgba(255, 255, 255, 1.00); transition: all 0.3s ease-out; -webkit-animation-name: toggle-animation-off; animation-name: toggle-animation-off; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; animation-duration: 1s; } #flex-stacks_in_7548 .flex-controls #flex-toggle-stacks_in_7548.off { background: rgba(229, 83, 97, 1.00); } #flex-stacks_in_7548 .flex-controls #flex-toggle-stacks_in_7548.off .flex-toggle-inner { -webkit-animation-name: toggle-animation-on; animation-name: toggle-animation-on; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; animation-duration: 1s; } #flex-stacks_in_7548 .flex-controls #flex-toggle-stacks_in_7548.off::before { content: 'OFF'; color: rgba(229, 83, 97, 1.00); -webkit-animation-name: text-animation-on; animation-name: text-animation-on; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; animation-duration: 1s; } #flex-stacks_in_7548 .flex-grid { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-radius: 5px; overflow: hidden; list-style-type: none; } #flex-stacks_in_7548 .flex-grid-row { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } #flex-stacks_in_7548 .flex-grid-item-stacks_in_7548 { box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_7548 .flex-grid-item-stacks_in_7548 .flex-item-content-stacks_in_7548 { height: 0; overflow: hidden; position: relative; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_7548 .flex-grid-item-stacks_in_7548 .flex-item-content-stacks_in_7548 .flex-item-content-inner-stacks_in_7548 { /* */ font-family: ""; /* */ z-index: 10; position: relative; padding: 20px 19px; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_7548 .flex-grid-item-stacks_in_7548 .flex-item-content-stacks_in_7548::before { z-index: 5; content: ''; top: 0; left: 0; right: 0; bottom: 0; display: block; position: absolute; } #flex-stacks_in_7548 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 { /* */ font-family: ""; /* */ padding: 10px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; transition: all 0.2s ease; } #flex-stacks_in_7548 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548:hover { /* */ padding: 20px 15px; box-sizing: border-box; transition: 0.3s ease; /* */ } #flex-stacks_in_7548 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548:hover .header-toggle-icon { /* */ -webkit-transform: rotate(90deg); transform: rotate(90deg); transition: 0.3s ease; /* */ } #flex-stacks_in_7548 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-icon, #flex-stacks_in_7548 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-title, #flex-stacks_in_7548 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-toggle-icon { z-index: 2; } #flex-stacks_in_7548 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-icon { font-size: 20px; margin-right: 20px; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_7548 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-toggle-icon { font-size: 20px; margin-left: auto; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_7548 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-title { font-size: 13px; line-height: 18.199999px; font-weight: bold; margin-right: 20px; letter-spacing: 1px; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_7548 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548::before { content: ''; display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } #flex-stacks_in_7548 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7548 .flex-item-content-stacks_in_7548 { height: auto; } #flex-stacks_in_7548 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 { padding: 20px 15px; } #flex-stacks_in_7548 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548:hover { padding: 20px 15px; } #flex-stacks_in_7548 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548:hover .header-toggle-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #flex-stacks_in_7548 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-icon { font-size: 20px; } #flex-stacks_in_7548 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-title { font-size: 13px; } #flex-stacks_in_7548 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-toggle-icon::before { content: '\f12a'; transition: all 0.3s ease; } #flex-stacks_in_7548 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548::before { display: block; } #flex-stacks_in_7548.layout-reverse { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #flex-stacks_in_7548.no-open-all-toggle .flex-controls { display: none; } #flex-stacks_in_7548.uppercase-headers .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 { text-transform: uppercase; } #flex-stacks_in_7548.shared-background .flex-grid-item-stacks_in_7548 { /* */ /* */ /* */ } #flex-stacks_in_7548.shared-header-overlay .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548::before { background: rgba(2, 31, 57, 1.00) !important; } #flex-stacks_in_7548.header-hover-overlays .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548:hover::before { /* */ display: block; /* */ } #flex-stacks_in_7548.header-hover-overlays .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548:hover .header-title, #flex-stacks_in_7548.header-hover-overlays .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548:hover .header-toggle-icon { /* */ color: rgba(253, 174, 31, 1.00) !important; /* */ } #flex-stacks_in_7548.header-hover-overlays .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548:hover .header-icon { /* */ color: rgba(253, 174, 31, 1.00) !important; /* */ } #flex-stacks_in_7548.shared-title .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-title, #flex-stacks_in_7548.shared-title .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-toggle-icon { color: rgba(0, 0, 0, 1.00) !important; } #flex-stacks_in_7548.shared-title .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-title, #flex-stacks_in_7548.shared-title .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-toggle-icon { color: rgba(253, 174, 31, 1.00) !important; } #flex-stacks_in_7548.shared-icon .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-icon { color: rgba(3, 3, 1, 1.00) !important; } #flex-stacks_in_7548.shared-icon .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-icon { color: rgba(253, 174, 31, 1.00) !important; } #flex-stacks_in_7548.shared-content-text .flex-grid-item-stacks_in_7548 .flex-item-content-stacks_in_7548 .flex-item-content-inner-stacks_in_7548 { color: rgba(255, 255, 255, 1.00) !important; } #flex-stacks_in_7548.shared-content-overlay .flex-grid-item-stacks_in_7548 .flex-item-content-stacks_in_7548::before { background: rgba(251, 254, 254, 1.00) !important; } @media (min-width: 480px) and (max-width: 768px) { #flex-stacks_in_7548 .flex-grid { border-radius: 5px; } #flex-stacks_in_7548 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-icon { font-size: 20px; } #flex-stacks_in_7548 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-title { font-size: 12px; line-height: 16.799999px; } #flex-stacks_in_7548 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-toggle-icon { font-size: 20px; } #flex-stacks_in_7548 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-icon { font-size: 20px; } #flex-stacks_in_7548 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-title { font-size: 12px; line-height: 16.799999px; } } @media (max-width: 480px) { #flex-stacks_in_7548 .flex-grid { border-radius: 5px; } #flex-stacks_in_7548 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-icon { font-size: 20px; } #flex-stacks_in_7548 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-title { font-size: 10px; line-height: 14.000000px; } #flex-stacks_in_7548 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-toggle-icon { font-size: 20px; } #flex-stacks_in_7548 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-icon { font-size: 16px; } #flex-stacks_in_7548 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-title { font-size: 10px; line-height: 14.000000px; } } @-webkit-keyframes toggle-animation-on { 0% { max-width: 50%; margin-left: 50%; } 25% { max-width: 100%; margin-left: 0%; } 50% { max-width: 100%; margin-left: 0%; } 75% { max-width: 100%; margin-left: 0%; } 100% { max-width: 50%; margin-left: 0%; } } @keyframes toggle-animation-on { 0% { max-width: 50%; margin-left: 50%; } 25% { max-width: 100%; margin-left: 0%; } 50% { max-width: 100%; margin-left: 0%; } 75% { max-width: 100%; margin-left: 0%; } 100% { max-width: 50%; margin-left: 0%; } } @-webkit-keyframes toggle-animation-off { 0% { max-width: 50%; margin-left: 0%; } 25% { max-width: 100%; margin-left: 0%; } 50% { max-width: 100%; margin-left: 0%; } 75% { max-width: 100%; margin-left: 0%; } 100% { max-width: 50%; margin-left: 50%; } } @keyframes toggle-animation-off { 0% { max-width: 50%; margin-left: 0%; } 25% { max-width: 100%; margin-left: 0%; } 50% { max-width: 100%; margin-left: 0%; } 75% { max-width: 100%; margin-left: 0%; } 100% { max-width: 50%; margin-left: 50%; } } @-webkit-keyframes text-animation-off { 0% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } } @keyframes text-animation-off { 0% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes text-animation-on { 0% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } } @keyframes text-animation-on { 0% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } } #stacks_in_7548 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 11px; } #flex-item-stacks_in_7549 .flex-grid-item-stacks_in_7548 { /* */ background: rgba(230, 230, 230, 1.00); /* */ /* */ /* */ } #flex-item-stacks_in_7549 .flex-grid-item-stacks_in_7548 .flex-item-content-stacks_in_7548 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_7549 .flex-grid-item-stacks_in_7548 .flex-item-content-stacks_in_7548 .flex-item-content-inner-stacks_in_7548 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7549 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_7549 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7549 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-toggle-icon { color: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_7549 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-title { color: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_7549.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7549.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7549.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_1788 { background-color: rgba(229, 229, 229, 0.00); } #stacks_out_1788 { margin-right:0; } /* -- Start Swell Each css Template -- */ #stacks_in_1792{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_1792swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_1792swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_1792swell{ max-width: 800px; } .stacks_in_1792swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_1792swell-with-zoom .mfp-container,.stacks_in_1792swell-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 198.000015ms ease-out; -moz-transition: all 198.000015ms ease-out; -o-transition: all 198.000015ms ease-out; transition: all 198.000015ms ease-out; } .stacks_in_1792swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_1792swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_1792swell-with-zoom.mfp-removing .mfp-container,.stacks_in_1792swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_1792 .swellzoomeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_1792 .swellshrinkeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_1792 .swellcircleeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #stacks_in_1792 .swellthreedeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media all and (min-width: 480px) { #stacks_in_1792 .swellzoomeffect img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } #stacks_in_1792 .swellshrinkeffect img:hover{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9); } #stacks_in_1792 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_1792 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_1792 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_1792 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_1792 .swellthreedeffect:hover{ box-shadow: 1px 1px rgba(242, 88, 95, 1.00), 2px 2px rgba(242, 88, 95, 1.00), 3px 3px rgba(242, 88, 95, 1.00); -webkit-transform: translateX(-3px); transform: translateX(-3px); } } /* -- End Swell Each css Template -- */ #stacks_in_1792 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #stacks_out_1792 { width: 50%; } #flex-item-stacks_in_7560 .flex-grid-item-stacks_in_7548 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_7560 .flex-grid-item-stacks_in_7548 .flex-item-content-stacks_in_7548 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_7560 .flex-grid-item-stacks_in_7548 .flex-item-content-stacks_in_7548 .flex-item-content-inner-stacks_in_7548 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7560 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_7560 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7560 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7560 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7560.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7560.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7560.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-title { color: rgba(255, 255, 255, 1.00); } /* -- Start Swell Each css Template -- */ #stacks_in_1781{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_1781swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_1781swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_1781swell{ max-width: 800px; } .stacks_in_1781swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_1781swell-with-zoom .mfp-container,.stacks_in_1781swell-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 198.000015ms ease-out; -moz-transition: all 198.000015ms ease-out; -o-transition: all 198.000015ms ease-out; transition: all 198.000015ms ease-out; } .stacks_in_1781swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_1781swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_1781swell-with-zoom.mfp-removing .mfp-container,.stacks_in_1781swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_1781 .swellzoomeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_1781 .swellshrinkeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_1781 .swellcircleeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #stacks_in_1781 .swellthreedeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media all and (min-width: 480px) { #stacks_in_1781 .swellzoomeffect img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } #stacks_in_1781 .swellshrinkeffect img:hover{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9); } #stacks_in_1781 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_1781 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_1781 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_1781 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_1781 .swellthreedeffect:hover{ box-shadow: 1px 1px rgba(242, 88, 95, 1.00), 2px 2px rgba(242, 88, 95, 1.00), 3px 3px rgba(242, 88, 95, 1.00); -webkit-transform: translateX(-3px); transform: translateX(-3px); } } /* -- End Swell Each css Template -- */ #stacks_in_1781 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #stacks_out_1781 { width: 50%; } #flex-item-stacks_in_7569 .flex-grid-item-stacks_in_7548 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_7569 .flex-grid-item-stacks_in_7548 .flex-item-content-stacks_in_7548 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_7569 .flex-grid-item-stacks_in_7548 .flex-item-content-stacks_in_7548 .flex-item-content-inner-stacks_in_7548 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7569 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_7569 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7569 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7569 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7569.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7569.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7569.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_1561 h3,#stacks_in_1561 h3 a,#stacks_in_1561 p,#stacks_in_1561 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_1561 h3,#stacks_in_1561 h3 a,#stacks_in_1561 p,#stacks_in_1561 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_1561 h3,#stacks_in_1561 h3 a,#stacks_in_1561 p,#stacks_in_1561 p a{ font-size:13px; } } #stacks_in_1561 h3,#stacks_in_1561 h3 a,#stacks_in_1561 p,#stacks_in_1561 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_1561 p a:hover, #stacks_in_1561 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_1561 { margin: 10px; } #stacks_out_1561 { margin-right:0; } #stacks_in_1718 h3,#stacks_in_1718 h3 a,#stacks_in_1718 p,#stacks_in_1718 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_1718 h3,#stacks_in_1718 h3 a,#stacks_in_1718 p,#stacks_in_1718 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_1718 h3,#stacks_in_1718 h3 a,#stacks_in_1718 p,#stacks_in_1718 p a{ font-size:13px; } } #stacks_in_1718 h3,#stacks_in_1718 h3 a,#stacks_in_1718 p,#stacks_in_1718 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_1718 p a:hover, #stacks_in_1718 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_1718 { margin: 10px; } #stacks_out_1718 { margin-right:0; } #stacks_in_1721 h3,#stacks_in_1721 h3 a,#stacks_in_1721 p,#stacks_in_1721 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_1721 h3,#stacks_in_1721 h3 a,#stacks_in_1721 p,#stacks_in_1721 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_1721 h3,#stacks_in_1721 h3 a,#stacks_in_1721 p,#stacks_in_1721 p a{ font-size:13px; } } #stacks_in_1721 h3,#stacks_in_1721 h3 a,#stacks_in_1721 p,#stacks_in_1721 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_1721 p a:hover, #stacks_in_1721 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_1721 { margin: 10px; } #stacks_out_1721 { margin-right:0; } /* ********* */ /* Normalize */ /* ********* */ /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ #stacks_in_8134 article, #stacks_in_8134 aside, #stacks_in_8134 details, #stacks_in_8134 figcaption, #stacks_in_8134 figure, #stacks_in_8134 footer, #stacks_in_8134 header, #stacks_in_8134 hgroup, #stacks_in_8134 main, #stacks_in_8134 nav, #stacks_in_8134 section, #stacks_in_8134 summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ #stacks_in_8134 audio, #stacks_in_8134 canvas, #stacks_in_8134 progress, #stacks_in_8134 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ #stacks_in_8134 audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ #stacks_in_8134 [hidden], #stacks_in_8134 template { display: none; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ #stacks_in_8134 img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ #stacks_in_8134 svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address differences between Firefox and other browsers. */ #stacks_in_8134 hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ #stacks_in_8134 pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ #stacks_in_8134 code, #stacks_in_8134 kbd, #stacks_in_8134 pre, #stacks_in_8134 samp { font-family: monospace, monospace; font-size: 1em; } /* **************** */ /* Stack Specific */ /* **************** */ %[if ]% %[if edit]% #stacks_in_8134 { background-image: url(../files/images/preview_numbers_background.png), url(../files/images/preview_striped_background.png); background-repeat: no-repeat, repeat-y; background-size: 100%, 100%; background-position: center top, center 100px; border-radius: 4px; padding-top: 75px; padding-bottom: 25px; border: 1px solid #e9e9e9; } %[endif]% %[endif]% #stacks_in_8134 *, #stacks_in_8134 *:before, #stacks_in_8134 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } %[if !edit]% #stacks_in_8134 .wow { visibility: hidden; } %[endif]% #stacks_in_8134>ul li { padding-bottom: 0 !important; } /* iPhone aka SMALL */ @media only screen { #stacks_in_8134>ul>li { margin-bottom: px; } } %[if ]% /* iPad aka MEDIUM */ @media only screen and (min-width: 40.063em) { #stacks_in_8134>ul>li { margin-bottom: px; } } %[endif]% %[if ]% /* Desktop aka LARGE */ @media only screen and (min-width: 64.063em) { #stacks_in_8134>ul>li { margin-bottom: px; } } %[endif]% /* **************** */ /* Foundation START */ /* **************** */ /* Copyright (c) 2013-2014 ZURB, inc. MIT License 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. */ #stacks_in_8134 meta.foundation-version { font-family: "/5.3.1/"; } #stacks_in_8134 meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } #stacks_in_8134 meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } #stacks_in_8134 meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } #stacks_in_8134 meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } #stacks_in_8134 meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } #stacks_in_8134 meta.foundation-data-attribute-namespace { font-family: false; } #stacks_in_8134 *, #stacks_in_8134 *:before, #stacks_in_8134 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_8134 .left { float: left !important; } #stacks_in_8134 .right { float: right !important; } #stacks_in_8134 .clearfix:before, #stacks_in_8134 .clearfix:after { content: " "; display: table; } #stacks_in_8134 .clearfix:after { clear: both; } #stacks_in_8134 .hide { display: none; } #stacks_in_8134 .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_8134 img { display: inline-block; vertical-align: middle; } #stacks_in_8134 textarea { height: auto; min-height: 50px; } #stacks_in_8134 select { width: 100%; } #stacks_in_8134 .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } #stacks_in_8134 .row { max-width: 62.5em; } #stacks_in_8134 .row:before, #stacks_in_8134 .row:after { content: " "; display: table; } #stacks_in_8134 .row:after { clear: both; } #stacks_in_8134 .row.collapse > .column, #stacks_in_8134 .row.collapse > .columns { padding-left: 0; padding-right: 0; } #stacks_in_8134 .row.collapse .row { margin-left: 0; margin-right: 0; } #stacks_in_8134 .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; } #stacks_in_8134 .row .row:before, #stacks_in_8134 .row .row:after { content: " "; display: table; } #stacks_in_8134 .row .row:after { clear: both; } #stacks_in_8134 .row .row.collapse { width: auto; margin: 0; max-width: none; } #stacks_in_8134 .row .row.collapse:before, #stacks_in_8134 .row .row.collapse:after { content: " "; display: table; } #stacks_in_8134 .row .row.collapse:after { clear: both; } #stacks_in_8134 .column, #stacks_in_8134 .columns { padding-left: 0.9375em; padding-right: 0.9375em; width: 100%; float: left; } #stacks_in_8134 [class*="column"] + [class*="column"]:last-child { float: right; } #stacks_in_8134 [class*="column"] + [class*="column"].end { float: left; } @media only screen { #stacks_in_8134 .small-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_8134 .small-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_8134 .small-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_8134 .small-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_8134 .small-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_8134 .small-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_8134 .small-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_8134 .small-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_8134 .small-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_8134 .small-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_8134 .small-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_8134 .small-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_8134 .small-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_8134 .small-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_8134 .small-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_8134 .small-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_8134 .small-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_8134 .small-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_8134 .small-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_8134 .small-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_8134 .small-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_8134 .small-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_8134 .small-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_8134 .small-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_8134 .column, #stacks_in_8134 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_8134 .small-1 { width: 8.33333%; } #stacks_in_8134 .small-2 { width: 16.66667%; } #stacks_in_8134 .small-3 { width: 25%; } #stacks_in_8134 .small-4 { width: 33.33333%; } #stacks_in_8134 .small-5 { width: 41.66667%; } #stacks_in_8134 .small-6 { width: 50%; } #stacks_in_8134 .small-7 { width: 58.33333%; } #stacks_in_8134 .small-8 { width: 66.66667%; } #stacks_in_8134 .small-9 { width: 75%; } #stacks_in_8134 .small-10 { width: 83.33333%; } #stacks_in_8134 .small-11 { width: 91.66667%; } #stacks_in_8134 .small-12 { width: 100%; } #stacks_in_8134 .small-offset-0 { margin-left: 0% !important; } #stacks_in_8134 .small-offset-1 { margin-left: 8.33333% !important; } #stacks_in_8134 .small-offset-2 { margin-left: 16.66667% !important; } #stacks_in_8134 .small-offset-3 { margin-left: 25% !important; } #stacks_in_8134 .small-offset-4 { margin-left: 33.33333% !important; } #stacks_in_8134 .small-offset-5 { margin-left: 41.66667% !important; } #stacks_in_8134 .small-offset-6 { margin-left: 50% !important; } #stacks_in_8134 .small-offset-7 { margin-left: 58.33333% !important; } #stacks_in_8134 .small-offset-8 { margin-left: 66.66667% !important; } #stacks_in_8134 .small-offset-9 { margin-left: 75% !important; } #stacks_in_8134 .small-offset-10 { margin-left: 83.33333% !important; } #stacks_in_8134 .small-offset-11 { margin-left: 91.66667% !important; } #stacks_in_8134 .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_8134 .column.small-centered, #stacks_in_8134 .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_8134 .column.small-uncentered, #stacks_in_8134 .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_8134 .column.small-centered:last-child, #stacks_in_8134 .columns.small-centered:last-child { float: none; } #stacks_in_8134 .column.small-uncentered:last-child, #stacks_in_8134 .columns.small-uncentered:last-child { float: left; } #stacks_in_8134 .column.small-uncentered.opposite, #stacks_in_8134 .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 40.063em) { #stacks_in_8134 .medium-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_8134 .medium-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_8134 .medium-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_8134 .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_8134 .medium-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_8134 .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_8134 .medium-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_8134 .medium-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_8134 .medium-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_8134 .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_8134 .medium-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_8134 .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_8134 .medium-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_8134 .medium-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_8134 .medium-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_8134 .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_8134 .medium-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_8134 .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_8134 .medium-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_8134 .medium-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_8134 .medium-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_8134 .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_8134 .medium-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_8134 .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_8134 .column, #stacks_in_8134 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_8134 .medium-1 { width: 8.33333%; } #stacks_in_8134 .medium-2 { width: 16.66667%; } #stacks_in_8134 .medium-3 { width: 25%; } #stacks_in_8134 .medium-4 { width: 33.33333%; } #stacks_in_8134 .medium-5 { width: 41.66667%; } #stacks_in_8134 .medium-6 { width: 50%; } #stacks_in_8134 .medium-7 { width: 58.33333%; } #stacks_in_8134 .medium-8 { width: 66.66667%; } #stacks_in_8134 .medium-9 { width: 75%; } #stacks_in_8134 .medium-10 { width: 83.33333%; } #stacks_in_8134 .medium-11 { width: 91.66667%; } #stacks_in_8134 .medium-12 { width: 100%; } #stacks_in_8134 .medium-offset-0 { margin-left: 0% !important; } #stacks_in_8134 .medium-offset-1 { margin-left: 8.33333% !important; } #stacks_in_8134 .medium-offset-2 { margin-left: 16.66667% !important; } #stacks_in_8134 .medium-offset-3 { margin-left: 25% !important; } #stacks_in_8134 .medium-offset-4 { margin-left: 33.33333% !important; } #stacks_in_8134 .medium-offset-5 { margin-left: 41.66667% !important; } #stacks_in_8134 .medium-offset-6 { margin-left: 50% !important; } #stacks_in_8134 .medium-offset-7 { margin-left: 58.33333% !important; } #stacks_in_8134 .medium-offset-8 { margin-left: 66.66667% !important; } #stacks_in_8134 .medium-offset-9 { margin-left: 75% !important; } #stacks_in_8134 .medium-offset-10 { margin-left: 83.33333% !important; } #stacks_in_8134 .medium-offset-11 { margin-left: 91.66667% !important; } #stacks_in_8134 .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_8134 .column.medium-centered, #stacks_in_8134 .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_8134 .column.medium-uncentered, #stacks_in_8134 .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_8134 .column.medium-centered:last-child, #stacks_in_8134 .columns.medium-centered:last-child { float: none; } #stacks_in_8134 .column.medium-uncentered:last-child, #stacks_in_8134 .columns.medium-uncentered:last-child { float: left; } #stacks_in_8134 .column.medium-uncentered.opposite, #stacks_in_8134 .columns.medium-uncentered.opposite { float: right; } #stacks_in_8134 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_8134 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_8134 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_8134 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_8134 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_8134 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_8134 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_8134 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_8134 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_8134 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_8134 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_8134 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_8134 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_8134 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_8134 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_8134 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_8134 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_8134 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_8134 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_8134 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_8134 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_8134 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_8134 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_8134 .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { #stacks_in_8134 .large-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_8134 .large-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_8134 .large-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_8134 .large-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_8134 .large-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_8134 .large-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_8134 .large-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_8134 .large-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_8134 .large-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_8134 .large-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_8134 .large-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_8134 .large-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_8134 .large-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_8134 .large-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_8134 .large-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_8134 .large-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_8134 .large-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_8134 .large-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_8134 .large-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_8134 .large-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_8134 .large-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_8134 .large-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_8134 .large-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_8134 .large-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_8134 .column, #stacks_in_8134 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_8134 .large-1 { width: 8.33333%; } #stacks_in_8134 .large-2 { width: 16.66667%; } #stacks_in_8134 .large-3 { width: 25%; } #stacks_in_8134 .large-4 { width: 33.33333%; } #stacks_in_8134 .large-5 { width: 41.66667%; } #stacks_in_8134 .large-6 { width: 50%; } #stacks_in_8134 .large-7 { width: 58.33333%; } #stacks_in_8134 .large-8 { width: 66.66667%; } #stacks_in_8134 .large-9 { width: 75%; } #stacks_in_8134 .large-10 { width: 83.33333%; } #stacks_in_8134 .large-11 { width: 91.66667%; } #stacks_in_8134 .large-12 { width: 100%; } #stacks_in_8134 .large-offset-0 { margin-left: 0% !important; } #stacks_in_8134 .large-offset-1 { margin-left: 8.33333% !important; } #stacks_in_8134 .large-offset-2 { margin-left: 16.66667% !important; } #stacks_in_8134 .large-offset-3 { margin-left: 25% !important; } #stacks_in_8134 .large-offset-4 { margin-left: 33.33333% !important; } #stacks_in_8134 .large-offset-5 { margin-left: 41.66667% !important; } #stacks_in_8134 .large-offset-6 { margin-left: 50% !important; } #stacks_in_8134 .large-offset-7 { margin-left: 58.33333% !important; } #stacks_in_8134 .large-offset-8 { margin-left: 66.66667% !important; } #stacks_in_8134 .large-offset-9 { margin-left: 75% !important; } #stacks_in_8134 .large-offset-10 { margin-left: 83.33333% !important; } #stacks_in_8134 .large-offset-11 { margin-left: 91.66667% !important; } #stacks_in_8134 .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_8134 .column.large-centered, #stacks_in_8134 .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_8134 .column.large-uncentered, #stacks_in_8134 .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_8134 .column.large-centered:last-child, #stacks_in_8134 .columns.large-centered:last-child { float: none; } #stacks_in_8134 .column.large-uncentered:last-child, #stacks_in_8134 .columns.large-uncentered:last-child { float: left; } #stacks_in_8134 .column.large-uncentered.opposite, #stacks_in_8134 .columns.large-uncentered.opposite { float: right; } #stacks_in_8134 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_8134 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_8134 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_8134 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_8134 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_8134 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_8134 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_8134 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_8134 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_8134 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_8134 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_8134 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_8134 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_8134 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_8134 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_8134 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_8134 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_8134 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_8134 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_8134 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_8134 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_8134 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_8134 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_8134 .pull-11 { position: relative; right: 91.66667%; left: auto; } } #stacks_in_8134 [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } #stacks_in_8134 [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } #stacks_in_8134 [class*="block-grid-"]:after { clear: both; } #stacks_in_8134 [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { #stacks_in_8134 .small-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_8134 .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_8134 .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_8134 .small-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_8134 .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_8134 .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_8134 .small-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_8134 .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_8134 .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_8134 .small-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_8134 .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_8134 .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_8134 .small-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_8134 .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_8134 .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_8134 .small-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_8134 .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_8134 .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_8134 .small-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_8134 .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_8134 .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_8134 .small-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_8134 .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_8134 .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_8134 .small-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_8134 .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_8134 .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_8134 .small-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_8134 .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_8134 .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_8134 .small-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_8134 .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_8134 .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_8134 .small-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_8134 .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_8134 .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { #stacks_in_8134 .medium-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_8134 .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_8134 .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_8134 .medium-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_8134 .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_8134 .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_8134 .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_8134 .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_8134 .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_8134 .medium-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_8134 .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_8134 .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_8134 .medium-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_8134 .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_8134 .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_8134 .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_8134 .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_8134 .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_8134 .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_8134 .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_8134 .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_8134 .medium-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_8134 .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_8134 .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_8134 .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_8134 .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_8134 .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_8134 .medium-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_8134 .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_8134 .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_8134 .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_8134 .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_8134 .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_8134 .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_8134 .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_8134 .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { #stacks_in_8134 .large-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_8134 .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_8134 .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_8134 .large-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_8134 .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_8134 .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_8134 .large-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_8134 .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_8134 .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_8134 .large-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_8134 .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_8134 .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_8134 .large-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_8134 .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_8134 .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_8134 .large-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_8134 .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_8134 .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_8134 .large-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_8134 .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_8134 .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_8134 .large-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_8134 .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_8134 .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_8134 .large-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_8134 .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_8134 .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_8134 .large-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_8134 .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_8134 .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_8134 .large-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_8134 .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_8134 .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_8134 .large-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_8134 .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_8134 .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } /* Visibility CSS - Foundation */ /* small displays */ @media only screen { #stacks_in_8134 .show-for-small-only, #stacks_in_8134 .show-for-small-up, #stacks_in_8134 .show-for-small, #stacks_in_8134 .show-for-small-down, #stacks_in_8134 .hide-for-medium-only, #stacks_in_8134 .hide-for-medium-up, #stacks_in_8134 .hide-for-medium, #stacks_in_8134 .show-for-medium-down, #stacks_in_8134 .hide-for-large-only, #stacks_in_8134 .hide-for-large-up, #stacks_in_8134 .hide-for-large, #stacks_in_8134 .show-for-large-down, #stacks_in_8134 .hide-for-xlarge-only, #stacks_in_8134 .hide-for-xlarge-up, #stacks_in_8134 .hide-for-xxlarge-only, #stacks_in_8134 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_8134 .hide-for-small-only, #stacks_in_8134 .hide-for-small-up, #stacks_in_8134 .hide-for-small, #stacks_in_8134 .hide-for-small-down, #stacks_in_8134 .show-for-medium-only, #stacks_in_8134 .show-for-medium-up, #stacks_in_8134 .show-for-medium, #stacks_in_8134 .hide-for-medium-down, #stacks_in_8134 .show-for-large-only, #stacks_in_8134 .show-for-large-up, #stacks_in_8134 .show-for-large, #stacks_in_8134 .hide-for-large-down, #stacks_in_8134 .show-for-xlarge-only, #stacks_in_8134 .show-for-xlarge-up, #stacks_in_8134 .show-for-xxlarge-only, #stacks_in_8134 .show-for-xxlarge-up { display: none !important; } #stacks_in_8134 .visible-for-small-only, #stacks_in_8134 .visible-for-small-up, #stacks_in_8134 .visible-for-small, #stacks_in_8134 .visible-for-small-down, #stacks_in_8134 .hidden-for-medium-only, #stacks_in_8134 .hidden-for-medium-up, #stacks_in_8134 .hidden-for-medium, #stacks_in_8134 .visible-for-medium-down, #stacks_in_8134 .hidden-for-large-only, #stacks_in_8134 .hidden-for-large-up, #stacks_in_8134 .hidden-for-large, #stacks_in_8134 .visible-for-large-down, #stacks_in_8134 .hidden-for-xlarge-only, #stacks_in_8134 .hidden-for-xlarge-up, #stacks_in_8134 .hidden-for-xxlarge-only, #stacks_in_8134 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_8134 .hidden-for-small-only, #stacks_in_8134 .hidden-for-small-up, #stacks_in_8134 .hidden-for-small, #stacks_in_8134 .hidden-for-small-down, #stacks_in_8134 .visible-for-medium-only, #stacks_in_8134 .visible-for-medium-up, #stacks_in_8134 .visible-for-medium, #stacks_in_8134 .hidden-for-medium-down, #stacks_in_8134 .visible-for-large-only, #stacks_in_8134 .visible-for-large-up, #stacks_in_8134 .visible-for-large, #stacks_in_8134 .hidden-for-large-down, #stacks_in_8134 .visible-for-xlarge-only, #stacks_in_8134 .visible-for-xlarge-up, #stacks_in_8134 .visible-for-xxlarge-only, #stacks_in_8134 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_8134 table.show-for-small-only, #stacks_in_8134 table.show-for-small-up, #stacks_in_8134 table.show-for-small, #stacks_in_8134 table.show-for-small-down, #stacks_in_8134 table.hide-for-medium-only, #stacks_in_8134 table.hide-for-medium-up, #stacks_in_8134 table.hide-for-medium, #stacks_in_8134 table.show-for-medium-down, #stacks_in_8134 table.hide-for-large-only, #stacks_in_8134 table.hide-for-large-up, #stacks_in_8134 table.hide-for-large, #stacks_in_8134 table.show-for-large-down, #stacks_in_8134 table.hide-for-xlarge-only, #stacks_in_8134 table.hide-for-xlarge-up, #stacks_in_8134 table.hide-for-xxlarge-only, #stacks_in_8134 table.hide-for-xxlarge-up { display: table; } #stacks_in_8134 thead.show-for-small-only, #stacks_in_8134 thead.show-for-small-up, #stacks_in_8134 thead.show-for-small, #stacks_in_8134 thead.show-for-small-down, #stacks_in_8134 thead.hide-for-medium-only, #stacks_in_8134 thead.hide-for-medium-up, #stacks_in_8134 thead.hide-for-medium, #stacks_in_8134 thead.show-for-medium-down, #stacks_in_8134 thead.hide-for-large-only, #stacks_in_8134 thead.hide-for-large-up, #stacks_in_8134 thead.hide-for-large, #stacks_in_8134 thead.show-for-large-down, #stacks_in_8134 thead.hide-for-xlarge-only, #stacks_in_8134 thead.hide-for-xlarge-up, #stacks_in_8134 thead.hide-for-xxlarge-only, #stacks_in_8134 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_8134 tbody.show-for-small-only, #stacks_in_8134 tbody.show-for-small-up, #stacks_in_8134 tbody.show-for-small, #stacks_in_8134 tbody.show-for-small-down, #stacks_in_8134 tbody.hide-for-medium-only, #stacks_in_8134 tbody.hide-for-medium-up, #stacks_in_8134 tbody.hide-for-medium, #stacks_in_8134 tbody.show-for-medium-down, #stacks_in_8134 tbody.hide-for-large-only, #stacks_in_8134 tbody.hide-for-large-up, #stacks_in_8134 tbody.hide-for-large, #stacks_in_8134 tbody.show-for-large-down, #stacks_in_8134 tbody.hide-for-xlarge-only, #stacks_in_8134 tbody.hide-for-xlarge-up, #stacks_in_8134 tbody.hide-for-xxlarge-only, #stacks_in_8134 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_8134 tr.show-for-small-only, #stacks_in_8134 tr.show-for-small-up, #stacks_in_8134 tr.show-for-small, #stacks_in_8134 tr.show-for-small-down, #stacks_in_8134 tr.hide-for-medium-only, #stacks_in_8134 tr.hide-for-medium-up, #stacks_in_8134 tr.hide-for-medium, #stacks_in_8134 tr.show-for-medium-down, #stacks_in_8134 tr.hide-for-large-only, #stacks_in_8134 tr.hide-for-large-up, #stacks_in_8134 tr.hide-for-large, #stacks_in_8134 tr.show-for-large-down, #stacks_in_8134 tr.hide-for-xlarge-only, #stacks_in_8134 tr.hide-for-xlarge-up, #stacks_in_8134 tr.hide-for-xxlarge-only, #stacks_in_8134 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_8134 th.show-for-small-only, #stacks_in_8134 td.show-for-small-only, #stacks_in_8134 th.show-for-small-up, #stacks_in_8134 td.show-for-small-up, #stacks_in_8134 th.show-for-small, #stacks_in_8134 td.show-for-small, #stacks_in_8134 th.show-for-small-down, #stacks_in_8134 td.show-for-small-down, #stacks_in_8134 th.hide-for-medium-only, #stacks_in_8134 td.hide-for-medium-only, #stacks_in_8134 th.hide-for-medium-up, #stacks_in_8134 td.hide-for-medium-up, #stacks_in_8134 th.hide-for-medium, #stacks_in_8134 td.hide-for-medium, #stacks_in_8134 th.show-for-medium-down, #stacks_in_8134 td.show-for-medium-down, #stacks_in_8134 th.hide-for-large-only, #stacks_in_8134 td.hide-for-large-only, #stacks_in_8134 th.hide-for-large-up, #stacks_in_8134 td.hide-for-large-up, #stacks_in_8134 th.hide-for-large, #stacks_in_8134 td.hide-for-large, #stacks_in_8134 th.show-for-large-down, #stacks_in_8134 td.show-for-large-down, #stacks_in_8134 th.hide-for-xlarge-only, #stacks_in_8134 td.hide-for-xlarge-only, #stacks_in_8134 th.hide-for-xlarge-up, #stacks_in_8134 td.hide-for-xlarge-up, #stacks_in_8134 th.hide-for-xxlarge-only, #stacks_in_8134 td.hide-for-xxlarge-only, #stacks_in_8134 th.hide-for-xxlarge-up, #stacks_in_8134 td.hide-for-xxlarge-up { display: table-cell !important; } } /* medium displays */ @media only screen and (min-width: 40.063em) { #stacks_in_8134 .hide-for-small-only, #stacks_in_8134 .show-for-small-up, #stacks_in_8134 .hide-for-small, #stacks_in_8134 .hide-for-small-down, #stacks_in_8134 .show-for-medium-only, #stacks_in_8134 .show-for-medium-up, #stacks_in_8134 .show-for-medium, #stacks_in_8134 .show-for-medium-down, #stacks_in_8134 .hide-for-large-only, #stacks_in_8134 .hide-for-large-up, #stacks_in_8134 .hide-for-large, #stacks_in_8134 .show-for-large-down, #stacks_in_8134 .hide-for-xlarge-only, #stacks_in_8134 .hide-for-xlarge-up, #stacks_in_8134 .hide-for-xxlarge-only, #stacks_in_8134 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_8134 .show-for-small-only, #stacks_in_8134 .hide-for-small-up, #stacks_in_8134 .show-for-small, #stacks_in_8134 .show-for-small-down, #stacks_in_8134 .hide-for-medium-only, #stacks_in_8134 .hide-for-medium-up, #stacks_in_8134 .hide-for-medium, #stacks_in_8134 .hide-for-medium-down, #stacks_in_8134 .show-for-large-only, #stacks_in_8134 .show-for-large-up, #stacks_in_8134 .show-for-large, #stacks_in_8134 .hide-for-large-down, #stacks_in_8134 .show-for-xlarge-only, #stacks_in_8134 .show-for-xlarge-up, #stacks_in_8134 .show-for-xxlarge-only, #stacks_in_8134 .show-for-xxlarge-up { display: none !important; } #stacks_in_8134 .hidden-for-small-only, #stacks_in_8134 .visible-for-small-up, #stacks_in_8134 .hidden-for-small, #stacks_in_8134 .hidden-for-small-down, #stacks_in_8134 .visible-for-medium-only, #stacks_in_8134 .visible-for-medium-up, #stacks_in_8134 .visible-for-medium, #stacks_in_8134 .visible-for-medium-down, #stacks_in_8134 .hidden-for-large-only, #stacks_in_8134 .hidden-for-large-up, #stacks_in_8134 .hidden-for-large, #stacks_in_8134 .visible-for-large-down, #stacks_in_8134 .hidden-for-xlarge-only, #stacks_in_8134 .hidden-for-xlarge-up, #stacks_in_8134 .hidden-for-xxlarge-only, #stacks_in_8134 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_8134 .visible-for-small-only, #stacks_in_8134 .hidden-for-small-up, #stacks_in_8134 .visible-for-small, #stacks_in_8134 .visible-for-small-down, #stacks_in_8134 .hidden-for-medium-only, #stacks_in_8134 .hidden-for-medium-up, #stacks_in_8134 .hidden-for-medium, #stacks_in_8134 .hidden-for-medium-down, #stacks_in_8134 .visible-for-large-only, #stacks_in_8134 .visible-for-large-up, #stacks_in_8134 .visible-for-large, #stacks_in_8134 .hidden-for-large-down, #stacks_in_8134 .visible-for-xlarge-only, #stacks_in_8134 .visible-for-xlarge-up, #stacks_in_8134 .visible-for-xxlarge-only, #stacks_in_8134 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_8134 table.hide-for-small-only, #stacks_in_8134 table.show-for-small-up, #stacks_in_8134 table.hide-for-small, #stacks_in_8134 table.hide-for-small-down, #stacks_in_8134 table.show-for-medium-only, #stacks_in_8134 table.show-for-medium-up, #stacks_in_8134 table.show-for-medium, #stacks_in_8134 table.show-for-medium-down, #stacks_in_8134 table.hide-for-large-only, #stacks_in_8134 table.hide-for-large-up, #stacks_in_8134 table.hide-for-large, #stacks_in_8134 table.show-for-large-down, #stacks_in_8134 table.hide-for-xlarge-only, #stacks_in_8134 table.hide-for-xlarge-up, #stacks_in_8134 table.hide-for-xxlarge-only, #stacks_in_8134 table.hide-for-xxlarge-up { display: table; } #stacks_in_8134 thead.hide-for-small-only, #stacks_in_8134 thead.show-for-small-up, #stacks_in_8134 thead.hide-for-small, #stacks_in_8134 thead.hide-for-small-down, #stacks_in_8134 thead.show-for-medium-only, #stacks_in_8134 thead.show-for-medium-up, #stacks_in_8134 thead.show-for-medium, #stacks_in_8134 thead.show-for-medium-down, #stacks_in_8134 thead.hide-for-large-only, #stacks_in_8134 thead.hide-for-large-up, #stacks_in_8134 thead.hide-for-large, #stacks_in_8134 thead.show-for-large-down, #stacks_in_8134 thead.hide-for-xlarge-only, #stacks_in_8134 thead.hide-for-xlarge-up, #stacks_in_8134 thead.hide-for-xxlarge-only, #stacks_in_8134 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_8134 tbody.hide-for-small-only, #stacks_in_8134 tbody.show-for-small-up, #stacks_in_8134 tbody.hide-for-small, #stacks_in_8134 tbody.hide-for-small-down, #stacks_in_8134 tbody.show-for-medium-only, #stacks_in_8134 tbody.show-for-medium-up, #stacks_in_8134 tbody.show-for-medium, #stacks_in_8134 tbody.show-for-medium-down, #stacks_in_8134 tbody.hide-for-large-only, #stacks_in_8134 tbody.hide-for-large-up, #stacks_in_8134 tbody.hide-for-large, #stacks_in_8134 tbody.show-for-large-down, #stacks_in_8134 tbody.hide-for-xlarge-only, #stacks_in_8134 tbody.hide-for-xlarge-up, #stacks_in_8134 tbody.hide-for-xxlarge-only, #stacks_in_8134 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_8134 tr.hide-for-small-only, #stacks_in_8134 tr.show-for-small-up, #stacks_in_8134 tr.hide-for-small, #stacks_in_8134 tr.hide-for-small-down, #stacks_in_8134 tr.show-for-medium-only, #stacks_in_8134 tr.show-for-medium-up, #stacks_in_8134 tr.show-for-medium, #stacks_in_8134 tr.show-for-medium-down, #stacks_in_8134 tr.hide-for-large-only, #stacks_in_8134 tr.hide-for-large-up, #stacks_in_8134 tr.hide-for-large, #stacks_in_8134 tr.show-for-large-down, #stacks_in_8134 tr.hide-for-xlarge-only, #stacks_in_8134 tr.hide-for-xlarge-up, #stacks_in_8134 tr.hide-for-xxlarge-only, #stacks_in_8134 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_8134 th.hide-for-small-only, #stacks_in_8134 td.hide-for-small-only, #stacks_in_8134 th.show-for-small-up, #stacks_in_8134 td.show-for-small-up, #stacks_in_8134 th.hide-for-small, #stacks_in_8134 td.hide-for-small, #stacks_in_8134 th.hide-for-small-down, #stacks_in_8134 td.hide-for-small-down, #stacks_in_8134 th.show-for-medium-only, #stacks_in_8134 td.show-for-medium-only, #stacks_in_8134 th.show-for-medium-up, #stacks_in_8134 td.show-for-medium-up, #stacks_in_8134 th.show-for-medium, #stacks_in_8134 td.show-for-medium, #stacks_in_8134 th.show-for-medium-down, #stacks_in_8134 td.show-for-medium-down, #stacks_in_8134 th.hide-for-large-only, #stacks_in_8134 td.hide-for-large-only, #stacks_in_8134 th.hide-for-large-up, #stacks_in_8134 td.hide-for-large-up, #stacks_in_8134 th.hide-for-large, #stacks_in_8134 td.hide-for-large, #stacks_in_8134 th.show-for-large-down, #stacks_in_8134 td.show-for-large-down, #stacks_in_8134 th.hide-for-xlarge-only, #stacks_in_8134 td.hide-for-xlarge-only, #stacks_in_8134 th.hide-for-xlarge-up, #stacks_in_8134 td.hide-for-xlarge-up, #stacks_in_8134 th.hide-for-xxlarge-only, #stacks_in_8134 td.hide-for-xxlarge-only, #stacks_in_8134 th.hide-for-xxlarge-up, #stacks_in_8134 td.hide-for-xxlarge-up { display: table-cell !important; } } /* large displays */ @media only screen and (min-width: 64.063em) { #stacks_in_8134 .hide-for-small-only, #stacks_in_8134 .show-for-small-up, #stacks_in_8134 .hide-for-small, #stacks_in_8134 .hide-for-small-down, #stacks_in_8134 .hide-for-medium-only, #stacks_in_8134 .show-for-medium-up, #stacks_in_8134 .hide-for-medium, #stacks_in_8134 .hide-for-medium-down, #stacks_in_8134 .show-for-large-only, #stacks_in_8134 .show-for-large-up, #stacks_in_8134 .show-for-large, #stacks_in_8134 .show-for-large-down, #stacks_in_8134 .hide-for-xlarge-only, #stacks_in_8134 .hide-for-xlarge-up, #stacks_in_8134 .hide-for-xxlarge-only, #stacks_in_8134 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_8134 .show-for-small-only, #stacks_in_8134 .hide-for-small-up, #stacks_in_8134 .show-for-small, #stacks_in_8134 .show-for-small-down, #stacks_in_8134 .show-for-medium-only, #stacks_in_8134 .hide-for-medium-up, #stacks_in_8134 .show-for-medium, #stacks_in_8134 .show-for-medium-down, #stacks_in_8134 .hide-for-large-only, #stacks_in_8134 .hide-for-large-up, #stacks_in_8134 .hide-for-large, #stacks_in_8134 .hide-for-large-down, #stacks_in_8134 .show-for-xlarge-only, #stacks_in_8134 .show-for-xlarge-up, #stacks_in_8134 .show-for-xxlarge-only, #stacks_in_8134 .show-for-xxlarge-up { display: none !important; } #stacks_in_8134 .hidden-for-small-only, #stacks_in_8134 .visible-for-small-up, #stacks_in_8134 .hidden-for-small, #stacks_in_8134 .hidden-for-small-down, #stacks_in_8134 .hidden-for-medium-only, #stacks_in_8134 .visible-for-medium-up, #stacks_in_8134 .hidden-for-medium, #stacks_in_8134 .hidden-for-medium-down, #stacks_in_8134 .visible-for-large-only, #stacks_in_8134 .visible-for-large-up, #stacks_in_8134 .visible-for-large, #stacks_in_8134 .visible-for-large-down, #stacks_in_8134 .hidden-for-xlarge-only, #stacks_in_8134 .hidden-for-xlarge-up, #stacks_in_8134 .hidden-for-xxlarge-only, #stacks_in_8134 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_8134 .visible-for-small-only, #stacks_in_8134 .hidden-for-small-up, #stacks_in_8134 .visible-for-small, #stacks_in_8134 .visible-for-small-down, #stacks_in_8134 .visible-for-medium-only, #stacks_in_8134 .hidden-for-medium-up, #stacks_in_8134 .visible-for-medium, #stacks_in_8134 .visible-for-medium-down, #stacks_in_8134 .hidden-for-large-only, #stacks_in_8134 .hidden-for-large-up, #stacks_in_8134 .hidden-for-large, #stacks_in_8134 .hidden-for-large-down, #stacks_in_8134 .visible-for-xlarge-only, #stacks_in_8134 .visible-for-xlarge-up, #stacks_in_8134 .visible-for-xxlarge-only, #stacks_in_8134 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_8134 table.hide-for-small-only, #stacks_in_8134 table.show-for-small-up, #stacks_in_8134 table.hide-for-small, #stacks_in_8134 table.hide-for-small-down, #stacks_in_8134 table.hide-for-medium-only, #stacks_in_8134 table.show-for-medium-up, #stacks_in_8134 table.hide-for-medium, #stacks_in_8134 table.hide-for-medium-down, #stacks_in_8134 table.show-for-large-only, #stacks_in_8134 table.show-for-large-up, #stacks_in_8134 table.show-for-large, #stacks_in_8134 table.show-for-large-down, #stacks_in_8134 table.hide-for-xlarge-only, #stacks_in_8134 table.hide-for-xlarge-up, #stacks_in_8134 table.hide-for-xxlarge-only, #stacks_in_8134 table.hide-for-xxlarge-up { display: table; } #stacks_in_8134 thead.hide-for-small-only, #stacks_in_8134 thead.show-for-small-up, #stacks_in_8134 thead.hide-for-small, #stacks_in_8134 thead.hide-for-small-down, #stacks_in_8134 thead.hide-for-medium-only, #stacks_in_8134 thead.show-for-medium-up, #stacks_in_8134 thead.hide-for-medium, #stacks_in_8134 thead.hide-for-medium-down, #stacks_in_8134 thead.show-for-large-only, #stacks_in_8134 thead.show-for-large-up, #stacks_in_8134 thead.show-for-large, #stacks_in_8134 thead.show-for-large-down, #stacks_in_8134 thead.hide-for-xlarge-only, #stacks_in_8134 thead.hide-for-xlarge-up, #stacks_in_8134 thead.hide-for-xxlarge-only, #stacks_in_8134 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_8134 tbody.hide-for-small-only, #stacks_in_8134 tbody.show-for-small-up, #stacks_in_8134 tbody.hide-for-small, #stacks_in_8134 tbody.hide-for-small-down, #stacks_in_8134 tbody.hide-for-medium-only, #stacks_in_8134 tbody.show-for-medium-up, #stacks_in_8134 tbody.hide-for-medium, #stacks_in_8134 tbody.hide-for-medium-down, #stacks_in_8134 tbody.show-for-large-only, #stacks_in_8134 tbody.show-for-large-up, #stacks_in_8134 tbody.show-for-large, #stacks_in_8134 tbody.show-for-large-down, #stacks_in_8134 tbody.hide-for-xlarge-only, #stacks_in_8134 tbody.hide-for-xlarge-up, #stacks_in_8134 tbody.hide-for-xxlarge-only, #stacks_in_8134 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_8134 tr.hide-for-small-only, #stacks_in_8134 tr.show-for-small-up, #stacks_in_8134 tr.hide-for-small, #stacks_in_8134 tr.hide-for-small-down, #stacks_in_8134 tr.hide-for-medium-only, #stacks_in_8134 tr.show-for-medium-up, #stacks_in_8134 tr.hide-for-medium, #stacks_in_8134 tr.hide-for-medium-down, #stacks_in_8134 tr.show-for-large-only, #stacks_in_8134 tr.show-for-large-up, #stacks_in_8134 tr.show-for-large, #stacks_in_8134 tr.show-for-large-down, #stacks_in_8134 tr.hide-for-xlarge-only, #stacks_in_8134 tr.hide-for-xlarge-up, #stacks_in_8134 tr.hide-for-xxlarge-only, #stacks_in_8134 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_8134 th.hide-for-small-only, #stacks_in_8134 td.hide-for-small-only, #stacks_in_8134 th.show-for-small-up, #stacks_in_8134 td.show-for-small-up, #stacks_in_8134 th.hide-for-small, #stacks_in_8134 td.hide-for-small, #stacks_in_8134 th.hide-for-small-down, #stacks_in_8134 td.hide-for-small-down, #stacks_in_8134 th.hide-for-medium-only, #stacks_in_8134 td.hide-for-medium-only, #stacks_in_8134 th.show-for-medium-up, #stacks_in_8134 td.show-for-medium-up, #stacks_in_8134 th.hide-for-medium, #stacks_in_8134 td.hide-for-medium, #stacks_in_8134 th.hide-for-medium-down, #stacks_in_8134 td.hide-for-medium-down, #stacks_in_8134 th.show-for-large-only, #stacks_in_8134 td.show-for-large-only, #stacks_in_8134 th.show-for-large-up, #stacks_in_8134 td.show-for-large-up, #stacks_in_8134 th.show-for-large, #stacks_in_8134 td.show-for-large, #stacks_in_8134 th.show-for-large-down, #stacks_in_8134 td.show-for-large-down, #stacks_in_8134 th.hide-for-xlarge-only, #stacks_in_8134 td.hide-for-xlarge-only, #stacks_in_8134 th.hide-for-xlarge-up, #stacks_in_8134 td.hide-for-xlarge-up, #stacks_in_8134 th.hide-for-xxlarge-only, #stacks_in_8134 td.hide-for-xxlarge-only, #stacks_in_8134 th.hide-for-xxlarge-up, #stacks_in_8134 td.hide-for-xxlarge-up { display: table-cell !important; } } /* xlarge displays */ @media only screen and (min-width: 90.063em) { #stacks_in_8134 .hide-for-small-only, #stacks_in_8134 .show-for-small-up, #stacks_in_8134 .hide-for-small, #stacks_in_8134 .hide-for-small-down, #stacks_in_8134 .hide-for-medium-only, #stacks_in_8134 .show-for-medium-up, #stacks_in_8134 .hide-for-medium, #stacks_in_8134 .hide-for-medium-down, #stacks_in_8134 .hide-for-large-only, #stacks_in_8134 .show-for-large-up, #stacks_in_8134 .hide-for-large, #stacks_in_8134 .hide-for-large-down, #stacks_in_8134 .show-for-xlarge-only, #stacks_in_8134 .show-for-xlarge-up, #stacks_in_8134 .hide-for-xxlarge-only, #stacks_in_8134 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_8134 .show-for-small-only, #stacks_in_8134 .hide-for-small-up, #stacks_in_8134 .show-for-small, #stacks_in_8134 .show-for-small-down, #stacks_in_8134 .show-for-medium-only, #stacks_in_8134 .hide-for-medium-up, #stacks_in_8134 .show-for-medium, #stacks_in_8134 .show-for-medium-down, #stacks_in_8134 .show-for-large-only, #stacks_in_8134 .hide-for-large-up, #stacks_in_8134 .show-for-large, #stacks_in_8134 .show-for-large-down, #stacks_in_8134 .hide-for-xlarge-only, #stacks_in_8134 .hide-for-xlarge-up, #stacks_in_8134 .show-for-xxlarge-only, #stacks_in_8134 .show-for-xxlarge-up { display: none !important; } #stacks_in_8134 .hidden-for-small-only, #stacks_in_8134 .visible-for-small-up, #stacks_in_8134 .hidden-for-small, #stacks_in_8134 .hidden-for-small-down, #stacks_in_8134 .hidden-for-medium-only, #stacks_in_8134 .visible-for-medium-up, #stacks_in_8134 .hidden-for-medium, #stacks_in_8134 .hidden-for-medium-down, #stacks_in_8134 .hidden-for-large-only, #stacks_in_8134 .visible-for-large-up, #stacks_in_8134 .hidden-for-large, #stacks_in_8134 .hidden-for-large-down, #stacks_in_8134 .visible-for-xlarge-only, #stacks_in_8134 .visible-for-xlarge-up, #stacks_in_8134 .hidden-for-xxlarge-only, #stacks_in_8134 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_8134 .visible-for-small-only, #stacks_in_8134 .hidden-for-small-up, #stacks_in_8134 .visible-for-small, #stacks_in_8134 .visible-for-small-down, #stacks_in_8134 .visible-for-medium-only, #stacks_in_8134 .hidden-for-medium-up, #stacks_in_8134 .visible-for-medium, #stacks_in_8134 .visible-for-medium-down, #stacks_in_8134 .visible-for-large-only, #stacks_in_8134 .hidden-for-large-up, #stacks_in_8134 .visible-for-large, #stacks_in_8134 .visible-for-large-down, #stacks_in_8134 .hidden-for-xlarge-only, #stacks_in_8134 .hidden-for-xlarge-up, #stacks_in_8134 .visible-for-xxlarge-only, #stacks_in_8134 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_8134 table.hide-for-small-only, #stacks_in_8134 table.show-for-small-up, #stacks_in_8134 table.hide-for-small, #stacks_in_8134 table.hide-for-small-down, #stacks_in_8134 table.hide-for-medium-only, #stacks_in_8134 table.show-for-medium-up, #stacks_in_8134 table.hide-for-medium, #stacks_in_8134 table.hide-for-medium-down, #stacks_in_8134 table.hide-for-large-only, #stacks_in_8134 table.show-for-large-up, #stacks_in_8134 table.hide-for-large, #stacks_in_8134 table.hide-for-large-down, #stacks_in_8134 table.show-for-xlarge-only, #stacks_in_8134 table.show-for-xlarge-up, #stacks_in_8134 table.hide-for-xxlarge-only, #stacks_in_8134 table.hide-for-xxlarge-up { display: table; } #stacks_in_8134 thead.hide-for-small-only, #stacks_in_8134 thead.show-for-small-up, #stacks_in_8134 thead.hide-for-small, #stacks_in_8134 thead.hide-for-small-down, #stacks_in_8134 thead.hide-for-medium-only, #stacks_in_8134 thead.show-for-medium-up, #stacks_in_8134 thead.hide-for-medium, #stacks_in_8134 thead.hide-for-medium-down, #stacks_in_8134 thead.hide-for-large-only, #stacks_in_8134 thead.show-for-large-up, #stacks_in_8134 thead.hide-for-large, #stacks_in_8134 thead.hide-for-large-down, #stacks_in_8134 thead.show-for-xlarge-only, #stacks_in_8134 thead.show-for-xlarge-up, #stacks_in_8134 thead.hide-for-xxlarge-only, #stacks_in_8134 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_8134 tbody.hide-for-small-only, #stacks_in_8134 tbody.show-for-small-up, #stacks_in_8134 tbody.hide-for-small, #stacks_in_8134 tbody.hide-for-small-down, #stacks_in_8134 tbody.hide-for-medium-only, #stacks_in_8134 tbody.show-for-medium-up, #stacks_in_8134 tbody.hide-for-medium, #stacks_in_8134 tbody.hide-for-medium-down, #stacks_in_8134 tbody.hide-for-large-only, #stacks_in_8134 tbody.show-for-large-up, #stacks_in_8134 tbody.hide-for-large, #stacks_in_8134 tbody.hide-for-large-down, #stacks_in_8134 tbody.show-for-xlarge-only, #stacks_in_8134 tbody.show-for-xlarge-up, #stacks_in_8134 tbody.hide-for-xxlarge-only, #stacks_in_8134 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_8134 tr.hide-for-small-only, #stacks_in_8134 tr.show-for-small-up, #stacks_in_8134 tr.hide-for-small, #stacks_in_8134 tr.hide-for-small-down, #stacks_in_8134 tr.hide-for-medium-only, #stacks_in_8134 tr.show-for-medium-up, #stacks_in_8134 tr.hide-for-medium, #stacks_in_8134 tr.hide-for-medium-down, #stacks_in_8134 tr.hide-for-large-only, #stacks_in_8134 tr.show-for-large-up, #stacks_in_8134 tr.hide-for-large, #stacks_in_8134 tr.hide-for-large-down, #stacks_in_8134 tr.show-for-xlarge-only, #stacks_in_8134 tr.show-for-xlarge-up, #stacks_in_8134 tr.hide-for-xxlarge-only, #stacks_in_8134 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_8134 th.hide-for-small-only, #stacks_in_8134 td.hide-for-small-only, #stacks_in_8134 th.show-for-small-up, #stacks_in_8134 td.show-for-small-up, #stacks_in_8134 th.hide-for-small, #stacks_in_8134 td.hide-for-small, #stacks_in_8134 th.hide-for-small-down, #stacks_in_8134 td.hide-for-small-down, #stacks_in_8134 th.hide-for-medium-only, #stacks_in_8134 td.hide-for-medium-only, #stacks_in_8134 th.show-for-medium-up, #stacks_in_8134 td.show-for-medium-up, #stacks_in_8134 th.hide-for-medium, #stacks_in_8134 td.hide-for-medium, #stacks_in_8134 th.hide-for-medium-down, #stacks_in_8134 td.hide-for-medium-down, #stacks_in_8134 th.hide-for-large-only, #stacks_in_8134 td.hide-for-large-only, #stacks_in_8134 th.show-for-large-up, #stacks_in_8134 td.show-for-large-up, #stacks_in_8134 th.hide-for-large, #stacks_in_8134 td.hide-for-large, #stacks_in_8134 th.hide-for-large-down, #stacks_in_8134 td.hide-for-large-down, #stacks_in_8134 th.show-for-xlarge-only, #stacks_in_8134 td.show-for-xlarge-only, #stacks_in_8134 th.show-for-xlarge-up, #stacks_in_8134 td.show-for-xlarge-up, #stacks_in_8134 th.hide-for-xxlarge-only, #stacks_in_8134 td.hide-for-xxlarge-only, #stacks_in_8134 th.hide-for-xxlarge-up, #stacks_in_8134 td.hide-for-xxlarge-up { display: table-cell !important; } } /* xxlarge displays */ @media only screen and (min-width: 120.063em) { #stacks_in_8134 .hide-for-small-only, #stacks_in_8134 .show-for-small-up, #stacks_in_8134 .hide-for-small, #stacks_in_8134 .hide-for-small-down, #stacks_in_8134 .hide-for-medium-only, #stacks_in_8134 .show-for-medium-up, #stacks_in_8134 .hide-for-medium, #stacks_in_8134 .hide-for-medium-down, #stacks_in_8134 .hide-for-large-only, #stacks_in_8134 .show-for-large-up, #stacks_in_8134 .hide-for-large, #stacks_in_8134 .hide-for-large-down, #stacks_in_8134 .hide-for-xlarge-only, #stacks_in_8134 .show-for-xlarge-up, #stacks_in_8134 .show-for-xxlarge-only, #stacks_in_8134 .show-for-xxlarge-up { display: inherit !important; } #stacks_in_8134 .show-for-small-only, #stacks_in_8134 .hide-for-small-up, #stacks_in_8134 .show-for-small, #stacks_in_8134 .show-for-small-down, #stacks_in_8134 .show-for-medium-only, #stacks_in_8134 .hide-for-medium-up, #stacks_in_8134 .show-for-medium, #stacks_in_8134 .show-for-medium-down, #stacks_in_8134 .show-for-large-only, #stacks_in_8134 .hide-for-large-up, #stacks_in_8134 .show-for-large, #stacks_in_8134 .show-for-large-down, #stacks_in_8134 .show-for-xlarge-only, #stacks_in_8134 .hide-for-xlarge-up, #stacks_in_8134 .hide-for-xxlarge-only, #stacks_in_8134 .hide-for-xxlarge-up { display: none !important; } #stacks_in_8134 .hidden-for-small-only, #stacks_in_8134 .visible-for-small-up, #stacks_in_8134 .hidden-for-small, #stacks_in_8134 .hidden-for-small-down, #stacks_in_8134 .hidden-for-medium-only, #stacks_in_8134 .visible-for-medium-up, #stacks_in_8134 .hidden-for-medium, #stacks_in_8134 .hidden-for-medium-down, #stacks_in_8134 .hidden-for-large-only, #stacks_in_8134 .visible-for-large-up, #stacks_in_8134 .hidden-for-large, #stacks_in_8134 .hidden-for-large-down, #stacks_in_8134 .hidden-for-xlarge-only, #stacks_in_8134 .visible-for-xlarge-up, #stacks_in_8134 .visible-for-xxlarge-only, #stacks_in_8134 .visible-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_8134 .visible-for-small-only, #stacks_in_8134 .hidden-for-small-up, #stacks_in_8134 .visible-for-small, #stacks_in_8134 .visible-for-small-down, #stacks_in_8134 .visible-for-medium-only, #stacks_in_8134 .hidden-for-medium-up, #stacks_in_8134 .visible-for-medium, #stacks_in_8134 .visible-for-medium-down, #stacks_in_8134 .visible-for-large-only, #stacks_in_8134 .hidden-for-large-up, #stacks_in_8134 .visible-for-large, #stacks_in_8134 .visible-for-large-down, #stacks_in_8134 .visible-for-xlarge-only, #stacks_in_8134 .hidden-for-xlarge-up, #stacks_in_8134 .hidden-for-xxlarge-only, #stacks_in_8134 .hidden-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_8134 table.hide-for-small-only, #stacks_in_8134 table.show-for-small-up, #stacks_in_8134 table.hide-for-small, #stacks_in_8134 table.hide-for-small-down, #stacks_in_8134 table.hide-for-medium-only, #stacks_in_8134 table.show-for-medium-up, #stacks_in_8134 table.hide-for-medium, #stacks_in_8134 table.hide-for-medium-down, #stacks_in_8134 table.hide-for-large-only, #stacks_in_8134 table.show-for-large-up, #stacks_in_8134 table.hide-for-large, #stacks_in_8134 table.hide-for-large-down, #stacks_in_8134 table.hide-for-xlarge-only, #stacks_in_8134 table.show-for-xlarge-up, #stacks_in_8134 table.show-for-xxlarge-only, #stacks_in_8134 table.show-for-xxlarge-up { display: table; } #stacks_in_8134 thead.hide-for-small-only, #stacks_in_8134 thead.show-for-small-up, #stacks_in_8134 thead.hide-for-small, #stacks_in_8134 thead.hide-for-small-down, #stacks_in_8134 thead.hide-for-medium-only, #stacks_in_8134 thead.show-for-medium-up, #stacks_in_8134 thead.hide-for-medium, #stacks_in_8134 thead.hide-for-medium-down, #stacks_in_8134 thead.hide-for-large-only, #stacks_in_8134 thead.show-for-large-up, #stacks_in_8134 thead.hide-for-large, #stacks_in_8134 thead.hide-for-large-down, #stacks_in_8134 thead.hide-for-xlarge-only, #stacks_in_8134 thead.show-for-xlarge-up, #stacks_in_8134 thead.show-for-xxlarge-only, #stacks_in_8134 thead.show-for-xxlarge-up { display: table-header-group !important; } #stacks_in_8134 tbody.hide-for-small-only, #stacks_in_8134 tbody.show-for-small-up, #stacks_in_8134 tbody.hide-for-small, #stacks_in_8134 tbody.hide-for-small-down, #stacks_in_8134 tbody.hide-for-medium-only, #stacks_in_8134 tbody.show-for-medium-up, #stacks_in_8134 tbody.hide-for-medium, #stacks_in_8134 tbody.hide-for-medium-down, #stacks_in_8134 tbody.hide-for-large-only, #stacks_in_8134 tbody.show-for-large-up, #stacks_in_8134 tbody.hide-for-large, #stacks_in_8134 tbody.hide-for-large-down, #stacks_in_8134 tbody.hide-for-xlarge-only, #stacks_in_8134 tbody.show-for-xlarge-up, #stacks_in_8134 tbody.show-for-xxlarge-only, #stacks_in_8134 tbody.show-for-xxlarge-up { display: table-row-group !important; } #stacks_in_8134 tr.hide-for-small-only, #stacks_in_8134 tr.show-for-small-up, #stacks_in_8134 tr.hide-for-small, #stacks_in_8134 tr.hide-for-small-down, #stacks_in_8134 tr.hide-for-medium-only, #stacks_in_8134 tr.show-for-medium-up, #stacks_in_8134 tr.hide-for-medium, #stacks_in_8134 tr.hide-for-medium-down, #stacks_in_8134 tr.hide-for-large-only, #stacks_in_8134 tr.show-for-large-up, #stacks_in_8134 tr.hide-for-large, #stacks_in_8134 tr.hide-for-large-down, #stacks_in_8134 tr.hide-for-xlarge-only, #stacks_in_8134 tr.show-for-xlarge-up, #stacks_in_8134 tr.show-for-xxlarge-only, #stacks_in_8134 tr.show-for-xxlarge-up { display: table-row !important; } #stacks_in_8134 th.hide-for-small-only, #stacks_in_8134 td.hide-for-small-only, #stacks_in_8134 th.show-for-small-up, #stacks_in_8134 td.show-for-small-up, #stacks_in_8134 th.hide-for-small, #stacks_in_8134 td.hide-for-small, #stacks_in_8134 th.hide-for-small-down, #stacks_in_8134 td.hide-for-small-down, #stacks_in_8134 th.hide-for-medium-only, #stacks_in_8134 td.hide-for-medium-only, #stacks_in_8134 th.show-for-medium-up, #stacks_in_8134 td.show-for-medium-up, #stacks_in_8134 th.hide-for-medium, #stacks_in_8134 td.hide-for-medium, #stacks_in_8134 th.hide-for-medium-down, #stacks_in_8134 td.hide-for-medium-down, #stacks_in_8134 th.hide-for-large-only, #stacks_in_8134 td.hide-for-large-only, #stacks_in_8134 th.show-for-large-up, #stacks_in_8134 td.show-for-large-up, #stacks_in_8134 th.hide-for-large, #stacks_in_8134 td.hide-for-large, #stacks_in_8134 th.hide-for-large-down, #stacks_in_8134 td.hide-for-large-down, #stacks_in_8134 th.hide-for-xlarge-only, #stacks_in_8134 td.hide-for-xlarge-only, #stacks_in_8134 th.show-for-xlarge-up, #stacks_in_8134 td.show-for-xlarge-up, #stacks_in_8134 th.show-for-xxlarge-only, #stacks_in_8134 td.show-for-xxlarge-only, #stacks_in_8134 th.show-for-xxlarge-up, #stacks_in_8134 td.show-for-xxlarge-up { display: table-cell !important; } } /* Orientation targeting */ .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } /* Specific visibility for tables */ #stacks_in_8134 table.hide-for-landscape, #stacks_in_8134 table.show-for-portrait { display: table; } #stacks_in_8134 thead.hide-for-landscape, #stacks_in_8134 thead.show-for-portrait { display: table-header-group !important; } #stacks_in_8134 tbody.hide-for-landscape, #stacks_in_8134 tbody.show-for-portrait { display: table-row-group !important; } #stacks_in_8134 tr.hide-for-landscape, #stacks_in_8134 tr.show-for-portrait { display: table-row !important; } #stacks_in_8134 td.hide-for-landscape, #stacks_in_8134 td.show-for-portrait, #stacks_in_8134 th.hide-for-landscape, #stacks_in_8134 th.show-for-portrait { display: table-cell !important; } @media only screen and (orientation: landscape) { #stacks_in_8134 .show-for-landscape, #stacks_in_8134 .hide-for-portrait { display: inherit !important; } #stacks_in_8134 .hide-for-landscape, #stacks_in_8134 .show-for-portrait { display: none !important; } /* Specific visibility for tables */ #stacks_in_8134 table.show-for-landscape, #stacks_in_8134 table.hide-for-portrait { display: table; } #stacks_in_8134 thead.show-for-landscape, #stacks_in_8134 thead.hide-for-portrait { display: table-header-group !important; } #stacks_in_8134 tbody.show-for-landscape, #stacks_in_8134 tbody.hide-for-portrait { display: table-row-group !important; } #stacks_in_8134 tr.show-for-landscape, #stacks_in_8134 tr.hide-for-portrait { display: table-row !important; } #stacks_in_8134 td.show-for-landscape, #stacks_in_8134 td.hide-for-portrait, #stacks_in_8134 th.show-for-landscape, #stacks_in_8134 th.hide-for-portrait { display: table-cell !important; } } @media only screen and (orientation: portrait) { #stacks_in_8134 .show-for-portrait, #stacks_in_8134 .hide-for-landscape { display: inherit !important; } #stacks_in_8134 .hide-for-portrait, #stacks_in_8134 .show-for-landscape { display: none !important; } /* Specific visibility for tables */ #stacks_in_8134 table.show-for-portrait, #stacks_in_8134 table.hide-for-landscape { display: table; } #stacks_in_8134 thead.show-for-portrait, #stacks_in_8134 thead.hide-for-landscape { display: table-header-group !important; } #stacks_in_8134 tbody.show-for-portrait, #stacks_in_8134 tbody.hide-for-landscape { display: table-row-group !important; } #stacks_in_8134 tr.show-for-portrait, #stacks_in_8134 tr.hide-for-landscape { display: table-row !important; } #stacks_in_8134 td.show-for-portrait, #stacks_in_8134 td.hide-for-landscape, #stacks_in_8134 th.show-for-portrait, #stacks_in_8134 th.hide-for-landscape { display: table-cell !important; } } /* Touch-enabled device targeting */ .show-for-touch { display: none !important; } .hide-for-touch { display: inherit !important; } .touch #stacks_in_8134 .show-for-touch { display: inherit !important; } .touch #stacks_in_8134 .hide-for-touch { display: none !important; } /* Specific visibility for tables */ #stacks_in_8134 table.hide-for-touch { display: table; } .touch #stacks_in_8134 table.show-for-touch { display: table; } #stacks_in_8134 thead.hide-for-touch { display: table-header-group !important; } .touch #stacks_in_8134 thead.show-for-touch { display: table-header-group !important; } #stacks_in_8134 tbody.hide-for-touch { display: table-row-group !important; } .touch #stacks_in_8134 tbody.show-for-touch { display: table-row-group !important; } #stacks_in_8134 tr.hide-for-touch { display: table-row !important; } .touch #stacks_in_8134 tr.show-for-touch { display: table-row !important; } #stacks_in_8134 td.hide-for-touch { display: table-cell !important; } .touch #stacks_in_8134 td.show-for-touch { display: table-cell !important; } #stacks_in_8134 th.hide-for-touch { display: table-cell !important; } .touch #stacks_in_8134 th.show-for-touch { display: table-cell !important; } /* Print visibility */ @media print { #stacks_in_8134 .show-for-print { display: block; } #stacks_in_8134 .hide-for-print { display: none; } #stacks_in_8134 table.show-for-print { display: table; } #stacks_in_8134 thead.show-for-print { display: table-header-group !important; } #stacks_in_8134 tbody.show-for-print { display: table-row-group !important; } #stacks_in_8134 tr.show-for-print { display: table-row !important; } #stacks_in_8134 td.show-for-print { display: table-cell !important; } #stacks_in_8134 th.show-for-print { display: table-cell !important; } } /* -------------------------------- Primary style -------------------------------- */ body.overflow-hidden { /* used when modal is visible */ overflow: hidden; } body.overflow-hidden .cd-modal { display: block !important; } /* -------------------------------- Main Components -------------------------------- */ #stacks_in_8135 .cd-section { text-align: center; position: relative; } #stacks_in_8135 .cd-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; pointer-events: none; -webkit-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; -moz-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; } #stacks_in_8135 .cd-modal .cd-modal-content { box-sizing: border-box; height: 100%; width: 100%; padding: 3em 5%; color: #FFFFFF; text-align: left; overflow-y: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_8135 .cd-modal-content a, #stacks_in_8135 .cd-modal-content a:visited { color: #DE425A; } #stacks_in_8135 .cd-modal-content a:hover, #stacks_in_8135 .cd-modal-content a:active { color: #B13448; } #stacks_in_8135 .modal-is-visible .cd-modal { z-index: 300000 !important; visibility: visible; opacity: 1; pointer-events: auto; -webkit-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; -moz-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; } #stacks_in_8135 .modal-is-visible .cd-modal .cd-modal-content { -webkit-overflow-scrolling: touch; } @media only screen and (min-width: 768px) { #stacks_in_8135 .cd-modal .cd-modal-content { padding: 4em 10%; } } @media only screen and (min-width: 1170px) { #stacks_in_8135 .cd-modal .cd-modal-content { padding: 6em 20%; } } #stacks_in_8135 .cd-modal-action { position: relative; } #stacks_in_8135 .cd-modal-action .modal_btn, #stacks_in_8135 .cd-modal-action .cd-modal-bg { display: inline-block; height: 2.5em; background-color: #336699; } #stacks_in_8135 .modal_btn, #stacks_in_8135 .cd-modal-close { text-decoration: none !important; border: none !important; } #stacks_in_8135 .cd-modal-action .modal_btn { border-radius: 5em; color: #ffffff; line-height: 2.5em; white-space: nowrap; font-weight: 700; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: color 0.2s 0.3s, width 0.3s 0s; -moz-transition: color 0.2s 0.3s, width 0.3s 0s; transition: color 0.2s 0.3s, width 0.3s 0s; overflow: hidden; } @media only screen { #stacks_in_8135 .cd-modal-action .modal_btn { width: 225px; } } @media only screen and (max-width: 720px) { #stacks_in_8135 .cd-modal-action .modal_btn { width: 100%; } } @media only screen and (max-width: 480px) { #stacks_in_8135 .cd-modal-action .modal_btn { width: 100%; } } #stacks_in_8135 .cd-modal-action .modal_btn i { margin-right: 6px; } #stacks_in_8135 .cd-modal-action .modal_btn.to-circle { width: 2.5em; color: transparent !important; -webkit-transition: color 0.2s 0s, width 0.3s 0.2s; -moz-transition: color 0.2s 0s, width 0.3s 0.2s; transition: color 0.2s 0s, width 0.3s 0.2s; } #stacks_in_8135 .cd-modal-action .cd-modal-bg { position: absolute; z-index: 300000 !important; left: 50%; top: 0; width: 2.5em; border-radius: 50%; opacity: 0; visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateX(-2em); -moz-transform: translateX(-2em); -ms-transform: translateX(-2em); -o-transform: translateX(-2em); transform: translateX(-2em); -webkit-transition: visibility 0s 0.5s; -moz-transition: visibility 0s 0.5s; transition: visibility 0s 0.5s; } #stacks_in_8135 .cd-modal-action .cd-modal-bg.is-visible { opacity: 1; visibility: visible; } #stacks_in_8135 .cd-modal-close { position: fixed; z-index: 9999999 !important; top: 20px; right: 20px; display: block; height: 50px; width: 50px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.3); background-image: url(../files/cd-icon-close.png); background-repeat: no-repeat; background-position: center center; /* image replacement */ overflow: hidden; text-indent: 100%; white-space: nowrap; visibility: hidden; opacity: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; transition: transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; } #stacks_in_8135 .no-touch .cd-modal-close:hover { background-color: rgba(0, 0, 0, 0.5); } #stacks_in_8135 .modal-is-visible .cd-modal-close { visibility: visible; opacity: 1; -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; transition: transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } @media only screen and (min-width: 768px) { #stacks_in_8135 .cd-modal-close { top: 40px; right: 40px; } } #stacks_in_8135 .cd-modal-action a, #stacks_in_8135 .cd-modal-action a:visited, #stacks_in_8135 .cd-modal-action a:hover, #stacks_in_8135 .cd-modal-action a:active { color: #FFFFFF !important; text-decoration: none; } /* Font Selections */ #stacks_in_8135 .cd-modal-action .modal_btn { } #stacks_in_8135 { margin: 10px 0px 10px 0px; } #stacks_out_8135 { width: 48%; margin-left:0; } /* Start Print This 2 stack CSS code */ .stacks_in_8136PrintThisOuter{ background-color: #FFFFFF; padding: 15px; border: 1px dashed #CCCCCC; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .stacks_in_8136PrintThis2{ position: relative; } @font-face { font-family: "doo_fontsregular"; src: url('../files/printthis2Assets/font/doo_print-webfont.eot'); src: url('../files/printthis2Assets/font/doo_print-webfont.eot?#iefix') format('eot'), url('../files/printthis2Assets/font/doo_print-webfont.woff') format('woff'), url('../files/printthis2Assets/font/doo_print-webfont.ttf') format('truetype'), url('../files/printthis2Assets/font/doo_print-webfont.svg#doo_fontsregular') format('svg'); font-weight: normal; font-style: normal; } .stacks_in_8136PrintThisButton{ float: right; font-family: "doo_fontsregular"; font-size: 24px; line-height: 24px; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; color: #000000; cursor:pointer; } .stacks_in_8136PrintThisButton:hover{ color: #3C3C3C; } .stacks_in_8136clearer{ clear: both; height: 1px; padding: 0; margin: 0; } /* End Print This 2 stack CSS code */ #stacks_in_8141 h1,#stacks_in_8141 h1 a,#stacks_in_8141 p,#stacks_in_8141 p a{ font-size:15px; line-height:1.39em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_8141 h1,#stacks_in_8141 h1 a,#stacks_in_8141 p,#stacks_in_8141 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_8141 h1,#stacks_in_8141 h1 a,#stacks_in_8141 p,#stacks_in_8141 p a{ font-size:12px; } } #stacks_in_8141 h1,#stacks_in_8141 h1 a,#stacks_in_8141 p,#stacks_in_8141 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_8141 p a:hover, #stacks_in_8141 h1 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_out_8141 { margin-right:0; } /* -- Start Swell Each css Template -- */ #stacks_in_1726{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_1726swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_1726swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_1726swell{ max-width: 800px; } .stacks_in_1726swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_1726swell-with-zoom .mfp-container,.stacks_in_1726swell-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 198.000015ms ease-out; -moz-transition: all 198.000015ms ease-out; -o-transition: all 198.000015ms ease-out; transition: all 198.000015ms ease-out; } .stacks_in_1726swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_1726swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_1726swell-with-zoom.mfp-removing .mfp-container,.stacks_in_1726swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_1726 .swellzoomeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_1726 .swellshrinkeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_1726 .swellcircleeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #stacks_in_1726 .swellthreedeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media all and (min-width: 480px) { #stacks_in_1726 .swellzoomeffect img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } #stacks_in_1726 .swellshrinkeffect img:hover{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9); } #stacks_in_1726 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_1726 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_1726 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_1726 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_1726 .swellthreedeffect:hover{ box-shadow: 1px 1px rgba(242, 88, 95, 1.00), 2px 2px rgba(242, 88, 95, 1.00), 3px 3px rgba(242, 88, 95, 1.00); -webkit-transform: translateX(-3px); transform: translateX(-3px); } } /* -- End Swell Each css Template -- */ #stacks_in_1726 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #stacks_out_1726 { width: 50%; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_1728, #stacks_in_1728 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_1728 { padding: 20px 0px !important; } #press_alignment_stacks_in_1728 { width: 100%; } #press_alignment_stacks_in_1728.press-left { text-align: left; } #press_alignment_stacks_in_1728.press-center { text-align: center; } #press_alignment_stacks_in_1728.press-right { text-align: right; } #stacks_in_1728 { transition: all 200ms ease; /* */ /* */ /* */ background: #CCCCCC; background: -webkit-gradient(linear, left top, left bottom, from(to bottom), color-stop(#CCCCCC), to(#ACACAC)); background: linear-gradient(to bottom, #CCCCCC, #ACACAC); /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(0, 0, 0, 1.00); margin: 20px 0px 20px 20px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_1728:hover { /* */ /* */ /* */ background: rgba(255, 255, 255, 0.75); /* */ /* */ /* */ /* */ /* */ /* */ /* */ } #stacks_in_1728:hover .press-icon i { /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_1728:active { /* */ /* */ /* */ /* */ } #stacks_in_1728:active .press-icon i { /* */ } #stacks_in_1728 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 10px 20px 10px 20px; border-radius: 0px 0px 0px 0px; /* */ /* */ /* */ background: #CCCCCC; background: -webkit-gradient(linear, left top, left bottom, from(to right), color-stop(#CCCCCC), to(#999999)); background: linear-gradient(to right, #CCCCCC, #999999); /* */ /* */ /* */ /* */ margin-right: 0px; /* */ /* */ /* */ } #stacks_in_1728 .press-icon i { font-size: 17px; color: rgba(0, 0, 0, 1.00); vertical-align: middle; } #stacks_in_1728 .press-text { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; padding: 5px 14px 5px 14px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 20px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_1728 .press-text .out { margin: 0 !important; } #stacks_in_1728 { font-size: 14px; line-height: 20px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } #flex-item-stacks_in_8120 .flex-grid-item-stacks_in_7548 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_8120 .flex-grid-item-stacks_in_7548 .flex-item-content-stacks_in_7548 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_8120 .flex-grid-item-stacks_in_7548 .flex-item-content-stacks_in_7548 .flex-item-content-inner-stacks_in_7548 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8120 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_8120 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8120 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8120 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8120.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8120.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8120.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_1738 h3,#stacks_in_1738 h3 a,#stacks_in_1738 p,#stacks_in_1738 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_1738 h3,#stacks_in_1738 h3 a,#stacks_in_1738 p,#stacks_in_1738 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_1738 h3,#stacks_in_1738 h3 a,#stacks_in_1738 p,#stacks_in_1738 p a{ font-size:13px; } } #stacks_in_1738 h3,#stacks_in_1738 h3 a,#stacks_in_1738 p,#stacks_in_1738 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_1738 p a:hover, #stacks_in_1738 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_1738 { margin: 10px; } #stacks_out_1738 { margin-right:0; } #stacks_in_1740 h3,#stacks_in_1740 h3 a,#stacks_in_1740 p,#stacks_in_1740 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_1740 h3,#stacks_in_1740 h3 a,#stacks_in_1740 p,#stacks_in_1740 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_1740 h3,#stacks_in_1740 h3 a,#stacks_in_1740 p,#stacks_in_1740 p a{ font-size:13px; } } #stacks_in_1740 h3,#stacks_in_1740 h3 a,#stacks_in_1740 p,#stacks_in_1740 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_1740 p a:hover, #stacks_in_1740 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_1740 { margin: 10px; } #stacks_out_1740 { margin-right:0; } #stacks_in_1745 h3,#stacks_in_1745 h3 a,#stacks_in_1745 p,#stacks_in_1745 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_1745 h3,#stacks_in_1745 h3 a,#stacks_in_1745 p,#stacks_in_1745 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_1745 h3,#stacks_in_1745 h3 a,#stacks_in_1745 p,#stacks_in_1745 p a{ font-size:13px; } } #stacks_in_1745 h3,#stacks_in_1745 h3 a,#stacks_in_1745 p,#stacks_in_1745 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_1745 p a:hover, #stacks_in_1745 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_1745 { margin: 10px; } #stacks_out_1745 { margin-right:0; } /* ********* */ /* Normalize */ /* ********* */ /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ #stacks_in_8147 article, #stacks_in_8147 aside, #stacks_in_8147 details, #stacks_in_8147 figcaption, #stacks_in_8147 figure, #stacks_in_8147 footer, #stacks_in_8147 header, #stacks_in_8147 hgroup, #stacks_in_8147 main, #stacks_in_8147 nav, #stacks_in_8147 section, #stacks_in_8147 summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ #stacks_in_8147 audio, #stacks_in_8147 canvas, #stacks_in_8147 progress, #stacks_in_8147 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ #stacks_in_8147 audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ #stacks_in_8147 [hidden], #stacks_in_8147 template { display: none; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ #stacks_in_8147 img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ #stacks_in_8147 svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address differences between Firefox and other browsers. */ #stacks_in_8147 hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ #stacks_in_8147 pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ #stacks_in_8147 code, #stacks_in_8147 kbd, #stacks_in_8147 pre, #stacks_in_8147 samp { font-family: monospace, monospace; font-size: 1em; } /* **************** */ /* Stack Specific */ /* **************** */ %[if ]% %[if edit]% #stacks_in_8147 { background-image: url(../files/images/preview_numbers_background.png), url(../files/images/preview_striped_background.png); background-repeat: no-repeat, repeat-y; background-size: 100%, 100%; background-position: center top, center 100px; border-radius: 4px; padding-top: 75px; padding-bottom: 25px; border: 1px solid #e9e9e9; } %[endif]% %[endif]% #stacks_in_8147 *, #stacks_in_8147 *:before, #stacks_in_8147 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } %[if !edit]% #stacks_in_8147 .wow { visibility: hidden; } %[endif]% #stacks_in_8147>ul li { padding-bottom: 0 !important; } /* iPhone aka SMALL */ @media only screen { #stacks_in_8147>ul>li { margin-bottom: px; } } %[if ]% /* iPad aka MEDIUM */ @media only screen and (min-width: 40.063em) { #stacks_in_8147>ul>li { margin-bottom: px; } } %[endif]% %[if ]% /* Desktop aka LARGE */ @media only screen and (min-width: 64.063em) { #stacks_in_8147>ul>li { margin-bottom: px; } } %[endif]% /* **************** */ /* Foundation START */ /* **************** */ /* Copyright (c) 2013-2014 ZURB, inc. MIT License 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. */ #stacks_in_8147 meta.foundation-version { font-family: "/5.3.1/"; } #stacks_in_8147 meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } #stacks_in_8147 meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } #stacks_in_8147 meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } #stacks_in_8147 meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } #stacks_in_8147 meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } #stacks_in_8147 meta.foundation-data-attribute-namespace { font-family: false; } #stacks_in_8147 *, #stacks_in_8147 *:before, #stacks_in_8147 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_8147 .left { float: left !important; } #stacks_in_8147 .right { float: right !important; } #stacks_in_8147 .clearfix:before, #stacks_in_8147 .clearfix:after { content: " "; display: table; } #stacks_in_8147 .clearfix:after { clear: both; } #stacks_in_8147 .hide { display: none; } #stacks_in_8147 .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_8147 img { display: inline-block; vertical-align: middle; } #stacks_in_8147 textarea { height: auto; min-height: 50px; } #stacks_in_8147 select { width: 100%; } #stacks_in_8147 .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } #stacks_in_8147 .row { max-width: 62.5em; } #stacks_in_8147 .row:before, #stacks_in_8147 .row:after { content: " "; display: table; } #stacks_in_8147 .row:after { clear: both; } #stacks_in_8147 .row.collapse > .column, #stacks_in_8147 .row.collapse > .columns { padding-left: 0; padding-right: 0; } #stacks_in_8147 .row.collapse .row { margin-left: 0; margin-right: 0; } #stacks_in_8147 .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; } #stacks_in_8147 .row .row:before, #stacks_in_8147 .row .row:after { content: " "; display: table; } #stacks_in_8147 .row .row:after { clear: both; } #stacks_in_8147 .row .row.collapse { width: auto; margin: 0; max-width: none; } #stacks_in_8147 .row .row.collapse:before, #stacks_in_8147 .row .row.collapse:after { content: " "; display: table; } #stacks_in_8147 .row .row.collapse:after { clear: both; } #stacks_in_8147 .column, #stacks_in_8147 .columns { padding-left: 0.9375em; padding-right: 0.9375em; width: 100%; float: left; } #stacks_in_8147 [class*="column"] + [class*="column"]:last-child { float: right; } #stacks_in_8147 [class*="column"] + [class*="column"].end { float: left; } @media only screen { #stacks_in_8147 .small-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_8147 .small-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_8147 .small-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_8147 .small-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_8147 .small-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_8147 .small-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_8147 .small-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_8147 .small-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_8147 .small-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_8147 .small-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_8147 .small-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_8147 .small-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_8147 .small-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_8147 .small-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_8147 .small-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_8147 .small-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_8147 .small-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_8147 .small-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_8147 .small-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_8147 .small-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_8147 .small-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_8147 .small-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_8147 .small-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_8147 .small-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_8147 .column, #stacks_in_8147 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_8147 .small-1 { width: 8.33333%; } #stacks_in_8147 .small-2 { width: 16.66667%; } #stacks_in_8147 .small-3 { width: 25%; } #stacks_in_8147 .small-4 { width: 33.33333%; } #stacks_in_8147 .small-5 { width: 41.66667%; } #stacks_in_8147 .small-6 { width: 50%; } #stacks_in_8147 .small-7 { width: 58.33333%; } #stacks_in_8147 .small-8 { width: 66.66667%; } #stacks_in_8147 .small-9 { width: 75%; } #stacks_in_8147 .small-10 { width: 83.33333%; } #stacks_in_8147 .small-11 { width: 91.66667%; } #stacks_in_8147 .small-12 { width: 100%; } #stacks_in_8147 .small-offset-0 { margin-left: 0% !important; } #stacks_in_8147 .small-offset-1 { margin-left: 8.33333% !important; } #stacks_in_8147 .small-offset-2 { margin-left: 16.66667% !important; } #stacks_in_8147 .small-offset-3 { margin-left: 25% !important; } #stacks_in_8147 .small-offset-4 { margin-left: 33.33333% !important; } #stacks_in_8147 .small-offset-5 { margin-left: 41.66667% !important; } #stacks_in_8147 .small-offset-6 { margin-left: 50% !important; } #stacks_in_8147 .small-offset-7 { margin-left: 58.33333% !important; } #stacks_in_8147 .small-offset-8 { margin-left: 66.66667% !important; } #stacks_in_8147 .small-offset-9 { margin-left: 75% !important; } #stacks_in_8147 .small-offset-10 { margin-left: 83.33333% !important; } #stacks_in_8147 .small-offset-11 { margin-left: 91.66667% !important; } #stacks_in_8147 .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_8147 .column.small-centered, #stacks_in_8147 .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_8147 .column.small-uncentered, #stacks_in_8147 .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_8147 .column.small-centered:last-child, #stacks_in_8147 .columns.small-centered:last-child { float: none; } #stacks_in_8147 .column.small-uncentered:last-child, #stacks_in_8147 .columns.small-uncentered:last-child { float: left; } #stacks_in_8147 .column.small-uncentered.opposite, #stacks_in_8147 .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 40.063em) { #stacks_in_8147 .medium-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_8147 .medium-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_8147 .medium-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_8147 .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_8147 .medium-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_8147 .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_8147 .medium-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_8147 .medium-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_8147 .medium-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_8147 .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_8147 .medium-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_8147 .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_8147 .medium-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_8147 .medium-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_8147 .medium-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_8147 .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_8147 .medium-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_8147 .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_8147 .medium-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_8147 .medium-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_8147 .medium-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_8147 .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_8147 .medium-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_8147 .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_8147 .column, #stacks_in_8147 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_8147 .medium-1 { width: 8.33333%; } #stacks_in_8147 .medium-2 { width: 16.66667%; } #stacks_in_8147 .medium-3 { width: 25%; } #stacks_in_8147 .medium-4 { width: 33.33333%; } #stacks_in_8147 .medium-5 { width: 41.66667%; } #stacks_in_8147 .medium-6 { width: 50%; } #stacks_in_8147 .medium-7 { width: 58.33333%; } #stacks_in_8147 .medium-8 { width: 66.66667%; } #stacks_in_8147 .medium-9 { width: 75%; } #stacks_in_8147 .medium-10 { width: 83.33333%; } #stacks_in_8147 .medium-11 { width: 91.66667%; } #stacks_in_8147 .medium-12 { width: 100%; } #stacks_in_8147 .medium-offset-0 { margin-left: 0% !important; } #stacks_in_8147 .medium-offset-1 { margin-left: 8.33333% !important; } #stacks_in_8147 .medium-offset-2 { margin-left: 16.66667% !important; } #stacks_in_8147 .medium-offset-3 { margin-left: 25% !important; } #stacks_in_8147 .medium-offset-4 { margin-left: 33.33333% !important; } #stacks_in_8147 .medium-offset-5 { margin-left: 41.66667% !important; } #stacks_in_8147 .medium-offset-6 { margin-left: 50% !important; } #stacks_in_8147 .medium-offset-7 { margin-left: 58.33333% !important; } #stacks_in_8147 .medium-offset-8 { margin-left: 66.66667% !important; } #stacks_in_8147 .medium-offset-9 { margin-left: 75% !important; } #stacks_in_8147 .medium-offset-10 { margin-left: 83.33333% !important; } #stacks_in_8147 .medium-offset-11 { margin-left: 91.66667% !important; } #stacks_in_8147 .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_8147 .column.medium-centered, #stacks_in_8147 .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_8147 .column.medium-uncentered, #stacks_in_8147 .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_8147 .column.medium-centered:last-child, #stacks_in_8147 .columns.medium-centered:last-child { float: none; } #stacks_in_8147 .column.medium-uncentered:last-child, #stacks_in_8147 .columns.medium-uncentered:last-child { float: left; } #stacks_in_8147 .column.medium-uncentered.opposite, #stacks_in_8147 .columns.medium-uncentered.opposite { float: right; } #stacks_in_8147 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_8147 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_8147 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_8147 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_8147 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_8147 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_8147 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_8147 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_8147 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_8147 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_8147 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_8147 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_8147 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_8147 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_8147 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_8147 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_8147 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_8147 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_8147 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_8147 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_8147 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_8147 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_8147 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_8147 .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { #stacks_in_8147 .large-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_8147 .large-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_8147 .large-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_8147 .large-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_8147 .large-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_8147 .large-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_8147 .large-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_8147 .large-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_8147 .large-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_8147 .large-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_8147 .large-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_8147 .large-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_8147 .large-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_8147 .large-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_8147 .large-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_8147 .large-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_8147 .large-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_8147 .large-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_8147 .large-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_8147 .large-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_8147 .large-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_8147 .large-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_8147 .large-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_8147 .large-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_8147 .column, #stacks_in_8147 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_8147 .large-1 { width: 8.33333%; } #stacks_in_8147 .large-2 { width: 16.66667%; } #stacks_in_8147 .large-3 { width: 25%; } #stacks_in_8147 .large-4 { width: 33.33333%; } #stacks_in_8147 .large-5 { width: 41.66667%; } #stacks_in_8147 .large-6 { width: 50%; } #stacks_in_8147 .large-7 { width: 58.33333%; } #stacks_in_8147 .large-8 { width: 66.66667%; } #stacks_in_8147 .large-9 { width: 75%; } #stacks_in_8147 .large-10 { width: 83.33333%; } #stacks_in_8147 .large-11 { width: 91.66667%; } #stacks_in_8147 .large-12 { width: 100%; } #stacks_in_8147 .large-offset-0 { margin-left: 0% !important; } #stacks_in_8147 .large-offset-1 { margin-left: 8.33333% !important; } #stacks_in_8147 .large-offset-2 { margin-left: 16.66667% !important; } #stacks_in_8147 .large-offset-3 { margin-left: 25% !important; } #stacks_in_8147 .large-offset-4 { margin-left: 33.33333% !important; } #stacks_in_8147 .large-offset-5 { margin-left: 41.66667% !important; } #stacks_in_8147 .large-offset-6 { margin-left: 50% !important; } #stacks_in_8147 .large-offset-7 { margin-left: 58.33333% !important; } #stacks_in_8147 .large-offset-8 { margin-left: 66.66667% !important; } #stacks_in_8147 .large-offset-9 { margin-left: 75% !important; } #stacks_in_8147 .large-offset-10 { margin-left: 83.33333% !important; } #stacks_in_8147 .large-offset-11 { margin-left: 91.66667% !important; } #stacks_in_8147 .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_8147 .column.large-centered, #stacks_in_8147 .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_8147 .column.large-uncentered, #stacks_in_8147 .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_8147 .column.large-centered:last-child, #stacks_in_8147 .columns.large-centered:last-child { float: none; } #stacks_in_8147 .column.large-uncentered:last-child, #stacks_in_8147 .columns.large-uncentered:last-child { float: left; } #stacks_in_8147 .column.large-uncentered.opposite, #stacks_in_8147 .columns.large-uncentered.opposite { float: right; } #stacks_in_8147 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_8147 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_8147 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_8147 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_8147 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_8147 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_8147 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_8147 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_8147 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_8147 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_8147 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_8147 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_8147 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_8147 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_8147 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_8147 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_8147 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_8147 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_8147 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_8147 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_8147 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_8147 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_8147 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_8147 .pull-11 { position: relative; right: 91.66667%; left: auto; } } #stacks_in_8147 [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } #stacks_in_8147 [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } #stacks_in_8147 [class*="block-grid-"]:after { clear: both; } #stacks_in_8147 [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { #stacks_in_8147 .small-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_8147 .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_8147 .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_8147 .small-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_8147 .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_8147 .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_8147 .small-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_8147 .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_8147 .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_8147 .small-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_8147 .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_8147 .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_8147 .small-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_8147 .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_8147 .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_8147 .small-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_8147 .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_8147 .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_8147 .small-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_8147 .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_8147 .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_8147 .small-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_8147 .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_8147 .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_8147 .small-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_8147 .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_8147 .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_8147 .small-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_8147 .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_8147 .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_8147 .small-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_8147 .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_8147 .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_8147 .small-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_8147 .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_8147 .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { #stacks_in_8147 .medium-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_8147 .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_8147 .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_8147 .medium-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_8147 .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_8147 .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_8147 .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_8147 .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_8147 .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_8147 .medium-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_8147 .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_8147 .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_8147 .medium-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_8147 .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_8147 .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_8147 .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_8147 .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_8147 .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_8147 .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_8147 .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_8147 .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_8147 .medium-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_8147 .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_8147 .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_8147 .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_8147 .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_8147 .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_8147 .medium-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_8147 .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_8147 .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_8147 .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_8147 .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_8147 .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_8147 .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_8147 .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_8147 .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { #stacks_in_8147 .large-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_8147 .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_8147 .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_8147 .large-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_8147 .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_8147 .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_8147 .large-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_8147 .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_8147 .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_8147 .large-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_8147 .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_8147 .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_8147 .large-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_8147 .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_8147 .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_8147 .large-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_8147 .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_8147 .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_8147 .large-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_8147 .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_8147 .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_8147 .large-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_8147 .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_8147 .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_8147 .large-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_8147 .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_8147 .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_8147 .large-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_8147 .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_8147 .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_8147 .large-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_8147 .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_8147 .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_8147 .large-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_8147 .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_8147 .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } /* Visibility CSS - Foundation */ /* small displays */ @media only screen { #stacks_in_8147 .show-for-small-only, #stacks_in_8147 .show-for-small-up, #stacks_in_8147 .show-for-small, #stacks_in_8147 .show-for-small-down, #stacks_in_8147 .hide-for-medium-only, #stacks_in_8147 .hide-for-medium-up, #stacks_in_8147 .hide-for-medium, #stacks_in_8147 .show-for-medium-down, #stacks_in_8147 .hide-for-large-only, #stacks_in_8147 .hide-for-large-up, #stacks_in_8147 .hide-for-large, #stacks_in_8147 .show-for-large-down, #stacks_in_8147 .hide-for-xlarge-only, #stacks_in_8147 .hide-for-xlarge-up, #stacks_in_8147 .hide-for-xxlarge-only, #stacks_in_8147 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_8147 .hide-for-small-only, #stacks_in_8147 .hide-for-small-up, #stacks_in_8147 .hide-for-small, #stacks_in_8147 .hide-for-small-down, #stacks_in_8147 .show-for-medium-only, #stacks_in_8147 .show-for-medium-up, #stacks_in_8147 .show-for-medium, #stacks_in_8147 .hide-for-medium-down, #stacks_in_8147 .show-for-large-only, #stacks_in_8147 .show-for-large-up, #stacks_in_8147 .show-for-large, #stacks_in_8147 .hide-for-large-down, #stacks_in_8147 .show-for-xlarge-only, #stacks_in_8147 .show-for-xlarge-up, #stacks_in_8147 .show-for-xxlarge-only, #stacks_in_8147 .show-for-xxlarge-up { display: none !important; } #stacks_in_8147 .visible-for-small-only, #stacks_in_8147 .visible-for-small-up, #stacks_in_8147 .visible-for-small, #stacks_in_8147 .visible-for-small-down, #stacks_in_8147 .hidden-for-medium-only, #stacks_in_8147 .hidden-for-medium-up, #stacks_in_8147 .hidden-for-medium, #stacks_in_8147 .visible-for-medium-down, #stacks_in_8147 .hidden-for-large-only, #stacks_in_8147 .hidden-for-large-up, #stacks_in_8147 .hidden-for-large, #stacks_in_8147 .visible-for-large-down, #stacks_in_8147 .hidden-for-xlarge-only, #stacks_in_8147 .hidden-for-xlarge-up, #stacks_in_8147 .hidden-for-xxlarge-only, #stacks_in_8147 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_8147 .hidden-for-small-only, #stacks_in_8147 .hidden-for-small-up, #stacks_in_8147 .hidden-for-small, #stacks_in_8147 .hidden-for-small-down, #stacks_in_8147 .visible-for-medium-only, #stacks_in_8147 .visible-for-medium-up, #stacks_in_8147 .visible-for-medium, #stacks_in_8147 .hidden-for-medium-down, #stacks_in_8147 .visible-for-large-only, #stacks_in_8147 .visible-for-large-up, #stacks_in_8147 .visible-for-large, #stacks_in_8147 .hidden-for-large-down, #stacks_in_8147 .visible-for-xlarge-only, #stacks_in_8147 .visible-for-xlarge-up, #stacks_in_8147 .visible-for-xxlarge-only, #stacks_in_8147 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_8147 table.show-for-small-only, #stacks_in_8147 table.show-for-small-up, #stacks_in_8147 table.show-for-small, #stacks_in_8147 table.show-for-small-down, #stacks_in_8147 table.hide-for-medium-only, #stacks_in_8147 table.hide-for-medium-up, #stacks_in_8147 table.hide-for-medium, #stacks_in_8147 table.show-for-medium-down, #stacks_in_8147 table.hide-for-large-only, #stacks_in_8147 table.hide-for-large-up, #stacks_in_8147 table.hide-for-large, #stacks_in_8147 table.show-for-large-down, #stacks_in_8147 table.hide-for-xlarge-only, #stacks_in_8147 table.hide-for-xlarge-up, #stacks_in_8147 table.hide-for-xxlarge-only, #stacks_in_8147 table.hide-for-xxlarge-up { display: table; } #stacks_in_8147 thead.show-for-small-only, #stacks_in_8147 thead.show-for-small-up, #stacks_in_8147 thead.show-for-small, #stacks_in_8147 thead.show-for-small-down, #stacks_in_8147 thead.hide-for-medium-only, #stacks_in_8147 thead.hide-for-medium-up, #stacks_in_8147 thead.hide-for-medium, #stacks_in_8147 thead.show-for-medium-down, #stacks_in_8147 thead.hide-for-large-only, #stacks_in_8147 thead.hide-for-large-up, #stacks_in_8147 thead.hide-for-large, #stacks_in_8147 thead.show-for-large-down, #stacks_in_8147 thead.hide-for-xlarge-only, #stacks_in_8147 thead.hide-for-xlarge-up, #stacks_in_8147 thead.hide-for-xxlarge-only, #stacks_in_8147 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_8147 tbody.show-for-small-only, #stacks_in_8147 tbody.show-for-small-up, #stacks_in_8147 tbody.show-for-small, #stacks_in_8147 tbody.show-for-small-down, #stacks_in_8147 tbody.hide-for-medium-only, #stacks_in_8147 tbody.hide-for-medium-up, #stacks_in_8147 tbody.hide-for-medium, #stacks_in_8147 tbody.show-for-medium-down, #stacks_in_8147 tbody.hide-for-large-only, #stacks_in_8147 tbody.hide-for-large-up, #stacks_in_8147 tbody.hide-for-large, #stacks_in_8147 tbody.show-for-large-down, #stacks_in_8147 tbody.hide-for-xlarge-only, #stacks_in_8147 tbody.hide-for-xlarge-up, #stacks_in_8147 tbody.hide-for-xxlarge-only, #stacks_in_8147 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_8147 tr.show-for-small-only, #stacks_in_8147 tr.show-for-small-up, #stacks_in_8147 tr.show-for-small, #stacks_in_8147 tr.show-for-small-down, #stacks_in_8147 tr.hide-for-medium-only, #stacks_in_8147 tr.hide-for-medium-up, #stacks_in_8147 tr.hide-for-medium, #stacks_in_8147 tr.show-for-medium-down, #stacks_in_8147 tr.hide-for-large-only, #stacks_in_8147 tr.hide-for-large-up, #stacks_in_8147 tr.hide-for-large, #stacks_in_8147 tr.show-for-large-down, #stacks_in_8147 tr.hide-for-xlarge-only, #stacks_in_8147 tr.hide-for-xlarge-up, #stacks_in_8147 tr.hide-for-xxlarge-only, #stacks_in_8147 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_8147 th.show-for-small-only, #stacks_in_8147 td.show-for-small-only, #stacks_in_8147 th.show-for-small-up, #stacks_in_8147 td.show-for-small-up, #stacks_in_8147 th.show-for-small, #stacks_in_8147 td.show-for-small, #stacks_in_8147 th.show-for-small-down, #stacks_in_8147 td.show-for-small-down, #stacks_in_8147 th.hide-for-medium-only, #stacks_in_8147 td.hide-for-medium-only, #stacks_in_8147 th.hide-for-medium-up, #stacks_in_8147 td.hide-for-medium-up, #stacks_in_8147 th.hide-for-medium, #stacks_in_8147 td.hide-for-medium, #stacks_in_8147 th.show-for-medium-down, #stacks_in_8147 td.show-for-medium-down, #stacks_in_8147 th.hide-for-large-only, #stacks_in_8147 td.hide-for-large-only, #stacks_in_8147 th.hide-for-large-up, #stacks_in_8147 td.hide-for-large-up, #stacks_in_8147 th.hide-for-large, #stacks_in_8147 td.hide-for-large, #stacks_in_8147 th.show-for-large-down, #stacks_in_8147 td.show-for-large-down, #stacks_in_8147 th.hide-for-xlarge-only, #stacks_in_8147 td.hide-for-xlarge-only, #stacks_in_8147 th.hide-for-xlarge-up, #stacks_in_8147 td.hide-for-xlarge-up, #stacks_in_8147 th.hide-for-xxlarge-only, #stacks_in_8147 td.hide-for-xxlarge-only, #stacks_in_8147 th.hide-for-xxlarge-up, #stacks_in_8147 td.hide-for-xxlarge-up { display: table-cell !important; } } /* medium displays */ @media only screen and (min-width: 40.063em) { #stacks_in_8147 .hide-for-small-only, #stacks_in_8147 .show-for-small-up, #stacks_in_8147 .hide-for-small, #stacks_in_8147 .hide-for-small-down, #stacks_in_8147 .show-for-medium-only, #stacks_in_8147 .show-for-medium-up, #stacks_in_8147 .show-for-medium, #stacks_in_8147 .show-for-medium-down, #stacks_in_8147 .hide-for-large-only, #stacks_in_8147 .hide-for-large-up, #stacks_in_8147 .hide-for-large, #stacks_in_8147 .show-for-large-down, #stacks_in_8147 .hide-for-xlarge-only, #stacks_in_8147 .hide-for-xlarge-up, #stacks_in_8147 .hide-for-xxlarge-only, #stacks_in_8147 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_8147 .show-for-small-only, #stacks_in_8147 .hide-for-small-up, #stacks_in_8147 .show-for-small, #stacks_in_8147 .show-for-small-down, #stacks_in_8147 .hide-for-medium-only, #stacks_in_8147 .hide-for-medium-up, #stacks_in_8147 .hide-for-medium, #stacks_in_8147 .hide-for-medium-down, #stacks_in_8147 .show-for-large-only, #stacks_in_8147 .show-for-large-up, #stacks_in_8147 .show-for-large, #stacks_in_8147 .hide-for-large-down, #stacks_in_8147 .show-for-xlarge-only, #stacks_in_8147 .show-for-xlarge-up, #stacks_in_8147 .show-for-xxlarge-only, #stacks_in_8147 .show-for-xxlarge-up { display: none !important; } #stacks_in_8147 .hidden-for-small-only, #stacks_in_8147 .visible-for-small-up, #stacks_in_8147 .hidden-for-small, #stacks_in_8147 .hidden-for-small-down, #stacks_in_8147 .visible-for-medium-only, #stacks_in_8147 .visible-for-medium-up, #stacks_in_8147 .visible-for-medium, #stacks_in_8147 .visible-for-medium-down, #stacks_in_8147 .hidden-for-large-only, #stacks_in_8147 .hidden-for-large-up, #stacks_in_8147 .hidden-for-large, #stacks_in_8147 .visible-for-large-down, #stacks_in_8147 .hidden-for-xlarge-only, #stacks_in_8147 .hidden-for-xlarge-up, #stacks_in_8147 .hidden-for-xxlarge-only, #stacks_in_8147 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_8147 .visible-for-small-only, #stacks_in_8147 .hidden-for-small-up, #stacks_in_8147 .visible-for-small, #stacks_in_8147 .visible-for-small-down, #stacks_in_8147 .hidden-for-medium-only, #stacks_in_8147 .hidden-for-medium-up, #stacks_in_8147 .hidden-for-medium, #stacks_in_8147 .hidden-for-medium-down, #stacks_in_8147 .visible-for-large-only, #stacks_in_8147 .visible-for-large-up, #stacks_in_8147 .visible-for-large, #stacks_in_8147 .hidden-for-large-down, #stacks_in_8147 .visible-for-xlarge-only, #stacks_in_8147 .visible-for-xlarge-up, #stacks_in_8147 .visible-for-xxlarge-only, #stacks_in_8147 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_8147 table.hide-for-small-only, #stacks_in_8147 table.show-for-small-up, #stacks_in_8147 table.hide-for-small, #stacks_in_8147 table.hide-for-small-down, #stacks_in_8147 table.show-for-medium-only, #stacks_in_8147 table.show-for-medium-up, #stacks_in_8147 table.show-for-medium, #stacks_in_8147 table.show-for-medium-down, #stacks_in_8147 table.hide-for-large-only, #stacks_in_8147 table.hide-for-large-up, #stacks_in_8147 table.hide-for-large, #stacks_in_8147 table.show-for-large-down, #stacks_in_8147 table.hide-for-xlarge-only, #stacks_in_8147 table.hide-for-xlarge-up, #stacks_in_8147 table.hide-for-xxlarge-only, #stacks_in_8147 table.hide-for-xxlarge-up { display: table; } #stacks_in_8147 thead.hide-for-small-only, #stacks_in_8147 thead.show-for-small-up, #stacks_in_8147 thead.hide-for-small, #stacks_in_8147 thead.hide-for-small-down, #stacks_in_8147 thead.show-for-medium-only, #stacks_in_8147 thead.show-for-medium-up, #stacks_in_8147 thead.show-for-medium, #stacks_in_8147 thead.show-for-medium-down, #stacks_in_8147 thead.hide-for-large-only, #stacks_in_8147 thead.hide-for-large-up, #stacks_in_8147 thead.hide-for-large, #stacks_in_8147 thead.show-for-large-down, #stacks_in_8147 thead.hide-for-xlarge-only, #stacks_in_8147 thead.hide-for-xlarge-up, #stacks_in_8147 thead.hide-for-xxlarge-only, #stacks_in_8147 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_8147 tbody.hide-for-small-only, #stacks_in_8147 tbody.show-for-small-up, #stacks_in_8147 tbody.hide-for-small, #stacks_in_8147 tbody.hide-for-small-down, #stacks_in_8147 tbody.show-for-medium-only, #stacks_in_8147 tbody.show-for-medium-up, #stacks_in_8147 tbody.show-for-medium, #stacks_in_8147 tbody.show-for-medium-down, #stacks_in_8147 tbody.hide-for-large-only, #stacks_in_8147 tbody.hide-for-large-up, #stacks_in_8147 tbody.hide-for-large, #stacks_in_8147 tbody.show-for-large-down, #stacks_in_8147 tbody.hide-for-xlarge-only, #stacks_in_8147 tbody.hide-for-xlarge-up, #stacks_in_8147 tbody.hide-for-xxlarge-only, #stacks_in_8147 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_8147 tr.hide-for-small-only, #stacks_in_8147 tr.show-for-small-up, #stacks_in_8147 tr.hide-for-small, #stacks_in_8147 tr.hide-for-small-down, #stacks_in_8147 tr.show-for-medium-only, #stacks_in_8147 tr.show-for-medium-up, #stacks_in_8147 tr.show-for-medium, #stacks_in_8147 tr.show-for-medium-down, #stacks_in_8147 tr.hide-for-large-only, #stacks_in_8147 tr.hide-for-large-up, #stacks_in_8147 tr.hide-for-large, #stacks_in_8147 tr.show-for-large-down, #stacks_in_8147 tr.hide-for-xlarge-only, #stacks_in_8147 tr.hide-for-xlarge-up, #stacks_in_8147 tr.hide-for-xxlarge-only, #stacks_in_8147 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_8147 th.hide-for-small-only, #stacks_in_8147 td.hide-for-small-only, #stacks_in_8147 th.show-for-small-up, #stacks_in_8147 td.show-for-small-up, #stacks_in_8147 th.hide-for-small, #stacks_in_8147 td.hide-for-small, #stacks_in_8147 th.hide-for-small-down, #stacks_in_8147 td.hide-for-small-down, #stacks_in_8147 th.show-for-medium-only, #stacks_in_8147 td.show-for-medium-only, #stacks_in_8147 th.show-for-medium-up, #stacks_in_8147 td.show-for-medium-up, #stacks_in_8147 th.show-for-medium, #stacks_in_8147 td.show-for-medium, #stacks_in_8147 th.show-for-medium-down, #stacks_in_8147 td.show-for-medium-down, #stacks_in_8147 th.hide-for-large-only, #stacks_in_8147 td.hide-for-large-only, #stacks_in_8147 th.hide-for-large-up, #stacks_in_8147 td.hide-for-large-up, #stacks_in_8147 th.hide-for-large, #stacks_in_8147 td.hide-for-large, #stacks_in_8147 th.show-for-large-down, #stacks_in_8147 td.show-for-large-down, #stacks_in_8147 th.hide-for-xlarge-only, #stacks_in_8147 td.hide-for-xlarge-only, #stacks_in_8147 th.hide-for-xlarge-up, #stacks_in_8147 td.hide-for-xlarge-up, #stacks_in_8147 th.hide-for-xxlarge-only, #stacks_in_8147 td.hide-for-xxlarge-only, #stacks_in_8147 th.hide-for-xxlarge-up, #stacks_in_8147 td.hide-for-xxlarge-up { display: table-cell !important; } } /* large displays */ @media only screen and (min-width: 64.063em) { #stacks_in_8147 .hide-for-small-only, #stacks_in_8147 .show-for-small-up, #stacks_in_8147 .hide-for-small, #stacks_in_8147 .hide-for-small-down, #stacks_in_8147 .hide-for-medium-only, #stacks_in_8147 .show-for-medium-up, #stacks_in_8147 .hide-for-medium, #stacks_in_8147 .hide-for-medium-down, #stacks_in_8147 .show-for-large-only, #stacks_in_8147 .show-for-large-up, #stacks_in_8147 .show-for-large, #stacks_in_8147 .show-for-large-down, #stacks_in_8147 .hide-for-xlarge-only, #stacks_in_8147 .hide-for-xlarge-up, #stacks_in_8147 .hide-for-xxlarge-only, #stacks_in_8147 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_8147 .show-for-small-only, #stacks_in_8147 .hide-for-small-up, #stacks_in_8147 .show-for-small, #stacks_in_8147 .show-for-small-down, #stacks_in_8147 .show-for-medium-only, #stacks_in_8147 .hide-for-medium-up, #stacks_in_8147 .show-for-medium, #stacks_in_8147 .show-for-medium-down, #stacks_in_8147 .hide-for-large-only, #stacks_in_8147 .hide-for-large-up, #stacks_in_8147 .hide-for-large, #stacks_in_8147 .hide-for-large-down, #stacks_in_8147 .show-for-xlarge-only, #stacks_in_8147 .show-for-xlarge-up, #stacks_in_8147 .show-for-xxlarge-only, #stacks_in_8147 .show-for-xxlarge-up { display: none !important; } #stacks_in_8147 .hidden-for-small-only, #stacks_in_8147 .visible-for-small-up, #stacks_in_8147 .hidden-for-small, #stacks_in_8147 .hidden-for-small-down, #stacks_in_8147 .hidden-for-medium-only, #stacks_in_8147 .visible-for-medium-up, #stacks_in_8147 .hidden-for-medium, #stacks_in_8147 .hidden-for-medium-down, #stacks_in_8147 .visible-for-large-only, #stacks_in_8147 .visible-for-large-up, #stacks_in_8147 .visible-for-large, #stacks_in_8147 .visible-for-large-down, #stacks_in_8147 .hidden-for-xlarge-only, #stacks_in_8147 .hidden-for-xlarge-up, #stacks_in_8147 .hidden-for-xxlarge-only, #stacks_in_8147 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_8147 .visible-for-small-only, #stacks_in_8147 .hidden-for-small-up, #stacks_in_8147 .visible-for-small, #stacks_in_8147 .visible-for-small-down, #stacks_in_8147 .visible-for-medium-only, #stacks_in_8147 .hidden-for-medium-up, #stacks_in_8147 .visible-for-medium, #stacks_in_8147 .visible-for-medium-down, #stacks_in_8147 .hidden-for-large-only, #stacks_in_8147 .hidden-for-large-up, #stacks_in_8147 .hidden-for-large, #stacks_in_8147 .hidden-for-large-down, #stacks_in_8147 .visible-for-xlarge-only, #stacks_in_8147 .visible-for-xlarge-up, #stacks_in_8147 .visible-for-xxlarge-only, #stacks_in_8147 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_8147 table.hide-for-small-only, #stacks_in_8147 table.show-for-small-up, #stacks_in_8147 table.hide-for-small, #stacks_in_8147 table.hide-for-small-down, #stacks_in_8147 table.hide-for-medium-only, #stacks_in_8147 table.show-for-medium-up, #stacks_in_8147 table.hide-for-medium, #stacks_in_8147 table.hide-for-medium-down, #stacks_in_8147 table.show-for-large-only, #stacks_in_8147 table.show-for-large-up, #stacks_in_8147 table.show-for-large, #stacks_in_8147 table.show-for-large-down, #stacks_in_8147 table.hide-for-xlarge-only, #stacks_in_8147 table.hide-for-xlarge-up, #stacks_in_8147 table.hide-for-xxlarge-only, #stacks_in_8147 table.hide-for-xxlarge-up { display: table; } #stacks_in_8147 thead.hide-for-small-only, #stacks_in_8147 thead.show-for-small-up, #stacks_in_8147 thead.hide-for-small, #stacks_in_8147 thead.hide-for-small-down, #stacks_in_8147 thead.hide-for-medium-only, #stacks_in_8147 thead.show-for-medium-up, #stacks_in_8147 thead.hide-for-medium, #stacks_in_8147 thead.hide-for-medium-down, #stacks_in_8147 thead.show-for-large-only, #stacks_in_8147 thead.show-for-large-up, #stacks_in_8147 thead.show-for-large, #stacks_in_8147 thead.show-for-large-down, #stacks_in_8147 thead.hide-for-xlarge-only, #stacks_in_8147 thead.hide-for-xlarge-up, #stacks_in_8147 thead.hide-for-xxlarge-only, #stacks_in_8147 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_8147 tbody.hide-for-small-only, #stacks_in_8147 tbody.show-for-small-up, #stacks_in_8147 tbody.hide-for-small, #stacks_in_8147 tbody.hide-for-small-down, #stacks_in_8147 tbody.hide-for-medium-only, #stacks_in_8147 tbody.show-for-medium-up, #stacks_in_8147 tbody.hide-for-medium, #stacks_in_8147 tbody.hide-for-medium-down, #stacks_in_8147 tbody.show-for-large-only, #stacks_in_8147 tbody.show-for-large-up, #stacks_in_8147 tbody.show-for-large, #stacks_in_8147 tbody.show-for-large-down, #stacks_in_8147 tbody.hide-for-xlarge-only, #stacks_in_8147 tbody.hide-for-xlarge-up, #stacks_in_8147 tbody.hide-for-xxlarge-only, #stacks_in_8147 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_8147 tr.hide-for-small-only, #stacks_in_8147 tr.show-for-small-up, #stacks_in_8147 tr.hide-for-small, #stacks_in_8147 tr.hide-for-small-down, #stacks_in_8147 tr.hide-for-medium-only, #stacks_in_8147 tr.show-for-medium-up, #stacks_in_8147 tr.hide-for-medium, #stacks_in_8147 tr.hide-for-medium-down, #stacks_in_8147 tr.show-for-large-only, #stacks_in_8147 tr.show-for-large-up, #stacks_in_8147 tr.show-for-large, #stacks_in_8147 tr.show-for-large-down, #stacks_in_8147 tr.hide-for-xlarge-only, #stacks_in_8147 tr.hide-for-xlarge-up, #stacks_in_8147 tr.hide-for-xxlarge-only, #stacks_in_8147 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_8147 th.hide-for-small-only, #stacks_in_8147 td.hide-for-small-only, #stacks_in_8147 th.show-for-small-up, #stacks_in_8147 td.show-for-small-up, #stacks_in_8147 th.hide-for-small, #stacks_in_8147 td.hide-for-small, #stacks_in_8147 th.hide-for-small-down, #stacks_in_8147 td.hide-for-small-down, #stacks_in_8147 th.hide-for-medium-only, #stacks_in_8147 td.hide-for-medium-only, #stacks_in_8147 th.show-for-medium-up, #stacks_in_8147 td.show-for-medium-up, #stacks_in_8147 th.hide-for-medium, #stacks_in_8147 td.hide-for-medium, #stacks_in_8147 th.hide-for-medium-down, #stacks_in_8147 td.hide-for-medium-down, #stacks_in_8147 th.show-for-large-only, #stacks_in_8147 td.show-for-large-only, #stacks_in_8147 th.show-for-large-up, #stacks_in_8147 td.show-for-large-up, #stacks_in_8147 th.show-for-large, #stacks_in_8147 td.show-for-large, #stacks_in_8147 th.show-for-large-down, #stacks_in_8147 td.show-for-large-down, #stacks_in_8147 th.hide-for-xlarge-only, #stacks_in_8147 td.hide-for-xlarge-only, #stacks_in_8147 th.hide-for-xlarge-up, #stacks_in_8147 td.hide-for-xlarge-up, #stacks_in_8147 th.hide-for-xxlarge-only, #stacks_in_8147 td.hide-for-xxlarge-only, #stacks_in_8147 th.hide-for-xxlarge-up, #stacks_in_8147 td.hide-for-xxlarge-up { display: table-cell !important; } } /* xlarge displays */ @media only screen and (min-width: 90.063em) { #stacks_in_8147 .hide-for-small-only, #stacks_in_8147 .show-for-small-up, #stacks_in_8147 .hide-for-small, #stacks_in_8147 .hide-for-small-down, #stacks_in_8147 .hide-for-medium-only, #stacks_in_8147 .show-for-medium-up, #stacks_in_8147 .hide-for-medium, #stacks_in_8147 .hide-for-medium-down, #stacks_in_8147 .hide-for-large-only, #stacks_in_8147 .show-for-large-up, #stacks_in_8147 .hide-for-large, #stacks_in_8147 .hide-for-large-down, #stacks_in_8147 .show-for-xlarge-only, #stacks_in_8147 .show-for-xlarge-up, #stacks_in_8147 .hide-for-xxlarge-only, #stacks_in_8147 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_8147 .show-for-small-only, #stacks_in_8147 .hide-for-small-up, #stacks_in_8147 .show-for-small, #stacks_in_8147 .show-for-small-down, #stacks_in_8147 .show-for-medium-only, #stacks_in_8147 .hide-for-medium-up, #stacks_in_8147 .show-for-medium, #stacks_in_8147 .show-for-medium-down, #stacks_in_8147 .show-for-large-only, #stacks_in_8147 .hide-for-large-up, #stacks_in_8147 .show-for-large, #stacks_in_8147 .show-for-large-down, #stacks_in_8147 .hide-for-xlarge-only, #stacks_in_8147 .hide-for-xlarge-up, #stacks_in_8147 .show-for-xxlarge-only, #stacks_in_8147 .show-for-xxlarge-up { display: none !important; } #stacks_in_8147 .hidden-for-small-only, #stacks_in_8147 .visible-for-small-up, #stacks_in_8147 .hidden-for-small, #stacks_in_8147 .hidden-for-small-down, #stacks_in_8147 .hidden-for-medium-only, #stacks_in_8147 .visible-for-medium-up, #stacks_in_8147 .hidden-for-medium, #stacks_in_8147 .hidden-for-medium-down, #stacks_in_8147 .hidden-for-large-only, #stacks_in_8147 .visible-for-large-up, #stacks_in_8147 .hidden-for-large, #stacks_in_8147 .hidden-for-large-down, #stacks_in_8147 .visible-for-xlarge-only, #stacks_in_8147 .visible-for-xlarge-up, #stacks_in_8147 .hidden-for-xxlarge-only, #stacks_in_8147 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_8147 .visible-for-small-only, #stacks_in_8147 .hidden-for-small-up, #stacks_in_8147 .visible-for-small, #stacks_in_8147 .visible-for-small-down, #stacks_in_8147 .visible-for-medium-only, #stacks_in_8147 .hidden-for-medium-up, #stacks_in_8147 .visible-for-medium, #stacks_in_8147 .visible-for-medium-down, #stacks_in_8147 .visible-for-large-only, #stacks_in_8147 .hidden-for-large-up, #stacks_in_8147 .visible-for-large, #stacks_in_8147 .visible-for-large-down, #stacks_in_8147 .hidden-for-xlarge-only, #stacks_in_8147 .hidden-for-xlarge-up, #stacks_in_8147 .visible-for-xxlarge-only, #stacks_in_8147 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_8147 table.hide-for-small-only, #stacks_in_8147 table.show-for-small-up, #stacks_in_8147 table.hide-for-small, #stacks_in_8147 table.hide-for-small-down, #stacks_in_8147 table.hide-for-medium-only, #stacks_in_8147 table.show-for-medium-up, #stacks_in_8147 table.hide-for-medium, #stacks_in_8147 table.hide-for-medium-down, #stacks_in_8147 table.hide-for-large-only, #stacks_in_8147 table.show-for-large-up, #stacks_in_8147 table.hide-for-large, #stacks_in_8147 table.hide-for-large-down, #stacks_in_8147 table.show-for-xlarge-only, #stacks_in_8147 table.show-for-xlarge-up, #stacks_in_8147 table.hide-for-xxlarge-only, #stacks_in_8147 table.hide-for-xxlarge-up { display: table; } #stacks_in_8147 thead.hide-for-small-only, #stacks_in_8147 thead.show-for-small-up, #stacks_in_8147 thead.hide-for-small, #stacks_in_8147 thead.hide-for-small-down, #stacks_in_8147 thead.hide-for-medium-only, #stacks_in_8147 thead.show-for-medium-up, #stacks_in_8147 thead.hide-for-medium, #stacks_in_8147 thead.hide-for-medium-down, #stacks_in_8147 thead.hide-for-large-only, #stacks_in_8147 thead.show-for-large-up, #stacks_in_8147 thead.hide-for-large, #stacks_in_8147 thead.hide-for-large-down, #stacks_in_8147 thead.show-for-xlarge-only, #stacks_in_8147 thead.show-for-xlarge-up, #stacks_in_8147 thead.hide-for-xxlarge-only, #stacks_in_8147 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_8147 tbody.hide-for-small-only, #stacks_in_8147 tbody.show-for-small-up, #stacks_in_8147 tbody.hide-for-small, #stacks_in_8147 tbody.hide-for-small-down, #stacks_in_8147 tbody.hide-for-medium-only, #stacks_in_8147 tbody.show-for-medium-up, #stacks_in_8147 tbody.hide-for-medium, #stacks_in_8147 tbody.hide-for-medium-down, #stacks_in_8147 tbody.hide-for-large-only, #stacks_in_8147 tbody.show-for-large-up, #stacks_in_8147 tbody.hide-for-large, #stacks_in_8147 tbody.hide-for-large-down, #stacks_in_8147 tbody.show-for-xlarge-only, #stacks_in_8147 tbody.show-for-xlarge-up, #stacks_in_8147 tbody.hide-for-xxlarge-only, #stacks_in_8147 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_8147 tr.hide-for-small-only, #stacks_in_8147 tr.show-for-small-up, #stacks_in_8147 tr.hide-for-small, #stacks_in_8147 tr.hide-for-small-down, #stacks_in_8147 tr.hide-for-medium-only, #stacks_in_8147 tr.show-for-medium-up, #stacks_in_8147 tr.hide-for-medium, #stacks_in_8147 tr.hide-for-medium-down, #stacks_in_8147 tr.hide-for-large-only, #stacks_in_8147 tr.show-for-large-up, #stacks_in_8147 tr.hide-for-large, #stacks_in_8147 tr.hide-for-large-down, #stacks_in_8147 tr.show-for-xlarge-only, #stacks_in_8147 tr.show-for-xlarge-up, #stacks_in_8147 tr.hide-for-xxlarge-only, #stacks_in_8147 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_8147 th.hide-for-small-only, #stacks_in_8147 td.hide-for-small-only, #stacks_in_8147 th.show-for-small-up, #stacks_in_8147 td.show-for-small-up, #stacks_in_8147 th.hide-for-small, #stacks_in_8147 td.hide-for-small, #stacks_in_8147 th.hide-for-small-down, #stacks_in_8147 td.hide-for-small-down, #stacks_in_8147 th.hide-for-medium-only, #stacks_in_8147 td.hide-for-medium-only, #stacks_in_8147 th.show-for-medium-up, #stacks_in_8147 td.show-for-medium-up, #stacks_in_8147 th.hide-for-medium, #stacks_in_8147 td.hide-for-medium, #stacks_in_8147 th.hide-for-medium-down, #stacks_in_8147 td.hide-for-medium-down, #stacks_in_8147 th.hide-for-large-only, #stacks_in_8147 td.hide-for-large-only, #stacks_in_8147 th.show-for-large-up, #stacks_in_8147 td.show-for-large-up, #stacks_in_8147 th.hide-for-large, #stacks_in_8147 td.hide-for-large, #stacks_in_8147 th.hide-for-large-down, #stacks_in_8147 td.hide-for-large-down, #stacks_in_8147 th.show-for-xlarge-only, #stacks_in_8147 td.show-for-xlarge-only, #stacks_in_8147 th.show-for-xlarge-up, #stacks_in_8147 td.show-for-xlarge-up, #stacks_in_8147 th.hide-for-xxlarge-only, #stacks_in_8147 td.hide-for-xxlarge-only, #stacks_in_8147 th.hide-for-xxlarge-up, #stacks_in_8147 td.hide-for-xxlarge-up { display: table-cell !important; } } /* xxlarge displays */ @media only screen and (min-width: 120.063em) { #stacks_in_8147 .hide-for-small-only, #stacks_in_8147 .show-for-small-up, #stacks_in_8147 .hide-for-small, #stacks_in_8147 .hide-for-small-down, #stacks_in_8147 .hide-for-medium-only, #stacks_in_8147 .show-for-medium-up, #stacks_in_8147 .hide-for-medium, #stacks_in_8147 .hide-for-medium-down, #stacks_in_8147 .hide-for-large-only, #stacks_in_8147 .show-for-large-up, #stacks_in_8147 .hide-for-large, #stacks_in_8147 .hide-for-large-down, #stacks_in_8147 .hide-for-xlarge-only, #stacks_in_8147 .show-for-xlarge-up, #stacks_in_8147 .show-for-xxlarge-only, #stacks_in_8147 .show-for-xxlarge-up { display: inherit !important; } #stacks_in_8147 .show-for-small-only, #stacks_in_8147 .hide-for-small-up, #stacks_in_8147 .show-for-small, #stacks_in_8147 .show-for-small-down, #stacks_in_8147 .show-for-medium-only, #stacks_in_8147 .hide-for-medium-up, #stacks_in_8147 .show-for-medium, #stacks_in_8147 .show-for-medium-down, #stacks_in_8147 .show-for-large-only, #stacks_in_8147 .hide-for-large-up, #stacks_in_8147 .show-for-large, #stacks_in_8147 .show-for-large-down, #stacks_in_8147 .show-for-xlarge-only, #stacks_in_8147 .hide-for-xlarge-up, #stacks_in_8147 .hide-for-xxlarge-only, #stacks_in_8147 .hide-for-xxlarge-up { display: none !important; } #stacks_in_8147 .hidden-for-small-only, #stacks_in_8147 .visible-for-small-up, #stacks_in_8147 .hidden-for-small, #stacks_in_8147 .hidden-for-small-down, #stacks_in_8147 .hidden-for-medium-only, #stacks_in_8147 .visible-for-medium-up, #stacks_in_8147 .hidden-for-medium, #stacks_in_8147 .hidden-for-medium-down, #stacks_in_8147 .hidden-for-large-only, #stacks_in_8147 .visible-for-large-up, #stacks_in_8147 .hidden-for-large, #stacks_in_8147 .hidden-for-large-down, #stacks_in_8147 .hidden-for-xlarge-only, #stacks_in_8147 .visible-for-xlarge-up, #stacks_in_8147 .visible-for-xxlarge-only, #stacks_in_8147 .visible-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_8147 .visible-for-small-only, #stacks_in_8147 .hidden-for-small-up, #stacks_in_8147 .visible-for-small, #stacks_in_8147 .visible-for-small-down, #stacks_in_8147 .visible-for-medium-only, #stacks_in_8147 .hidden-for-medium-up, #stacks_in_8147 .visible-for-medium, #stacks_in_8147 .visible-for-medium-down, #stacks_in_8147 .visible-for-large-only, #stacks_in_8147 .hidden-for-large-up, #stacks_in_8147 .visible-for-large, #stacks_in_8147 .visible-for-large-down, #stacks_in_8147 .visible-for-xlarge-only, #stacks_in_8147 .hidden-for-xlarge-up, #stacks_in_8147 .hidden-for-xxlarge-only, #stacks_in_8147 .hidden-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_8147 table.hide-for-small-only, #stacks_in_8147 table.show-for-small-up, #stacks_in_8147 table.hide-for-small, #stacks_in_8147 table.hide-for-small-down, #stacks_in_8147 table.hide-for-medium-only, #stacks_in_8147 table.show-for-medium-up, #stacks_in_8147 table.hide-for-medium, #stacks_in_8147 table.hide-for-medium-down, #stacks_in_8147 table.hide-for-large-only, #stacks_in_8147 table.show-for-large-up, #stacks_in_8147 table.hide-for-large, #stacks_in_8147 table.hide-for-large-down, #stacks_in_8147 table.hide-for-xlarge-only, #stacks_in_8147 table.show-for-xlarge-up, #stacks_in_8147 table.show-for-xxlarge-only, #stacks_in_8147 table.show-for-xxlarge-up { display: table; } #stacks_in_8147 thead.hide-for-small-only, #stacks_in_8147 thead.show-for-small-up, #stacks_in_8147 thead.hide-for-small, #stacks_in_8147 thead.hide-for-small-down, #stacks_in_8147 thead.hide-for-medium-only, #stacks_in_8147 thead.show-for-medium-up, #stacks_in_8147 thead.hide-for-medium, #stacks_in_8147 thead.hide-for-medium-down, #stacks_in_8147 thead.hide-for-large-only, #stacks_in_8147 thead.show-for-large-up, #stacks_in_8147 thead.hide-for-large, #stacks_in_8147 thead.hide-for-large-down, #stacks_in_8147 thead.hide-for-xlarge-only, #stacks_in_8147 thead.show-for-xlarge-up, #stacks_in_8147 thead.show-for-xxlarge-only, #stacks_in_8147 thead.show-for-xxlarge-up { display: table-header-group !important; } #stacks_in_8147 tbody.hide-for-small-only, #stacks_in_8147 tbody.show-for-small-up, #stacks_in_8147 tbody.hide-for-small, #stacks_in_8147 tbody.hide-for-small-down, #stacks_in_8147 tbody.hide-for-medium-only, #stacks_in_8147 tbody.show-for-medium-up, #stacks_in_8147 tbody.hide-for-medium, #stacks_in_8147 tbody.hide-for-medium-down, #stacks_in_8147 tbody.hide-for-large-only, #stacks_in_8147 tbody.show-for-large-up, #stacks_in_8147 tbody.hide-for-large, #stacks_in_8147 tbody.hide-for-large-down, #stacks_in_8147 tbody.hide-for-xlarge-only, #stacks_in_8147 tbody.show-for-xlarge-up, #stacks_in_8147 tbody.show-for-xxlarge-only, #stacks_in_8147 tbody.show-for-xxlarge-up { display: table-row-group !important; } #stacks_in_8147 tr.hide-for-small-only, #stacks_in_8147 tr.show-for-small-up, #stacks_in_8147 tr.hide-for-small, #stacks_in_8147 tr.hide-for-small-down, #stacks_in_8147 tr.hide-for-medium-only, #stacks_in_8147 tr.show-for-medium-up, #stacks_in_8147 tr.hide-for-medium, #stacks_in_8147 tr.hide-for-medium-down, #stacks_in_8147 tr.hide-for-large-only, #stacks_in_8147 tr.show-for-large-up, #stacks_in_8147 tr.hide-for-large, #stacks_in_8147 tr.hide-for-large-down, #stacks_in_8147 tr.hide-for-xlarge-only, #stacks_in_8147 tr.show-for-xlarge-up, #stacks_in_8147 tr.show-for-xxlarge-only, #stacks_in_8147 tr.show-for-xxlarge-up { display: table-row !important; } #stacks_in_8147 th.hide-for-small-only, #stacks_in_8147 td.hide-for-small-only, #stacks_in_8147 th.show-for-small-up, #stacks_in_8147 td.show-for-small-up, #stacks_in_8147 th.hide-for-small, #stacks_in_8147 td.hide-for-small, #stacks_in_8147 th.hide-for-small-down, #stacks_in_8147 td.hide-for-small-down, #stacks_in_8147 th.hide-for-medium-only, #stacks_in_8147 td.hide-for-medium-only, #stacks_in_8147 th.show-for-medium-up, #stacks_in_8147 td.show-for-medium-up, #stacks_in_8147 th.hide-for-medium, #stacks_in_8147 td.hide-for-medium, #stacks_in_8147 th.hide-for-medium-down, #stacks_in_8147 td.hide-for-medium-down, #stacks_in_8147 th.hide-for-large-only, #stacks_in_8147 td.hide-for-large-only, #stacks_in_8147 th.show-for-large-up, #stacks_in_8147 td.show-for-large-up, #stacks_in_8147 th.hide-for-large, #stacks_in_8147 td.hide-for-large, #stacks_in_8147 th.hide-for-large-down, #stacks_in_8147 td.hide-for-large-down, #stacks_in_8147 th.hide-for-xlarge-only, #stacks_in_8147 td.hide-for-xlarge-only, #stacks_in_8147 th.show-for-xlarge-up, #stacks_in_8147 td.show-for-xlarge-up, #stacks_in_8147 th.show-for-xxlarge-only, #stacks_in_8147 td.show-for-xxlarge-only, #stacks_in_8147 th.show-for-xxlarge-up, #stacks_in_8147 td.show-for-xxlarge-up { display: table-cell !important; } } /* Orientation targeting */ .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } /* Specific visibility for tables */ #stacks_in_8147 table.hide-for-landscape, #stacks_in_8147 table.show-for-portrait { display: table; } #stacks_in_8147 thead.hide-for-landscape, #stacks_in_8147 thead.show-for-portrait { display: table-header-group !important; } #stacks_in_8147 tbody.hide-for-landscape, #stacks_in_8147 tbody.show-for-portrait { display: table-row-group !important; } #stacks_in_8147 tr.hide-for-landscape, #stacks_in_8147 tr.show-for-portrait { display: table-row !important; } #stacks_in_8147 td.hide-for-landscape, #stacks_in_8147 td.show-for-portrait, #stacks_in_8147 th.hide-for-landscape, #stacks_in_8147 th.show-for-portrait { display: table-cell !important; } @media only screen and (orientation: landscape) { #stacks_in_8147 .show-for-landscape, #stacks_in_8147 .hide-for-portrait { display: inherit !important; } #stacks_in_8147 .hide-for-landscape, #stacks_in_8147 .show-for-portrait { display: none !important; } /* Specific visibility for tables */ #stacks_in_8147 table.show-for-landscape, #stacks_in_8147 table.hide-for-portrait { display: table; } #stacks_in_8147 thead.show-for-landscape, #stacks_in_8147 thead.hide-for-portrait { display: table-header-group !important; } #stacks_in_8147 tbody.show-for-landscape, #stacks_in_8147 tbody.hide-for-portrait { display: table-row-group !important; } #stacks_in_8147 tr.show-for-landscape, #stacks_in_8147 tr.hide-for-portrait { display: table-row !important; } #stacks_in_8147 td.show-for-landscape, #stacks_in_8147 td.hide-for-portrait, #stacks_in_8147 th.show-for-landscape, #stacks_in_8147 th.hide-for-portrait { display: table-cell !important; } } @media only screen and (orientation: portrait) { #stacks_in_8147 .show-for-portrait, #stacks_in_8147 .hide-for-landscape { display: inherit !important; } #stacks_in_8147 .hide-for-portrait, #stacks_in_8147 .show-for-landscape { display: none !important; } /* Specific visibility for tables */ #stacks_in_8147 table.show-for-portrait, #stacks_in_8147 table.hide-for-landscape { display: table; } #stacks_in_8147 thead.show-for-portrait, #stacks_in_8147 thead.hide-for-landscape { display: table-header-group !important; } #stacks_in_8147 tbody.show-for-portrait, #stacks_in_8147 tbody.hide-for-landscape { display: table-row-group !important; } #stacks_in_8147 tr.show-for-portrait, #stacks_in_8147 tr.hide-for-landscape { display: table-row !important; } #stacks_in_8147 td.show-for-portrait, #stacks_in_8147 td.hide-for-landscape, #stacks_in_8147 th.show-for-portrait, #stacks_in_8147 th.hide-for-landscape { display: table-cell !important; } } /* Touch-enabled device targeting */ .show-for-touch { display: none !important; } .hide-for-touch { display: inherit !important; } .touch #stacks_in_8147 .show-for-touch { display: inherit !important; } .touch #stacks_in_8147 .hide-for-touch { display: none !important; } /* Specific visibility for tables */ #stacks_in_8147 table.hide-for-touch { display: table; } .touch #stacks_in_8147 table.show-for-touch { display: table; } #stacks_in_8147 thead.hide-for-touch { display: table-header-group !important; } .touch #stacks_in_8147 thead.show-for-touch { display: table-header-group !important; } #stacks_in_8147 tbody.hide-for-touch { display: table-row-group !important; } .touch #stacks_in_8147 tbody.show-for-touch { display: table-row-group !important; } #stacks_in_8147 tr.hide-for-touch { display: table-row !important; } .touch #stacks_in_8147 tr.show-for-touch { display: table-row !important; } #stacks_in_8147 td.hide-for-touch { display: table-cell !important; } .touch #stacks_in_8147 td.show-for-touch { display: table-cell !important; } #stacks_in_8147 th.hide-for-touch { display: table-cell !important; } .touch #stacks_in_8147 th.show-for-touch { display: table-cell !important; } /* Print visibility */ @media print { #stacks_in_8147 .show-for-print { display: block; } #stacks_in_8147 .hide-for-print { display: none; } #stacks_in_8147 table.show-for-print { display: table; } #stacks_in_8147 thead.show-for-print { display: table-header-group !important; } #stacks_in_8147 tbody.show-for-print { display: table-row-group !important; } #stacks_in_8147 tr.show-for-print { display: table-row !important; } #stacks_in_8147 td.show-for-print { display: table-cell !important; } #stacks_in_8147 th.show-for-print { display: table-cell !important; } } /* -------------------------------- Primary style -------------------------------- */ body.overflow-hidden { /* used when modal is visible */ overflow: hidden; } body.overflow-hidden .cd-modal { display: block !important; } /* -------------------------------- Main Components -------------------------------- */ #stacks_in_8148 .cd-section { text-align: center; position: relative; } #stacks_in_8148 .cd-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; pointer-events: none; -webkit-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; -moz-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; } #stacks_in_8148 .cd-modal .cd-modal-content { box-sizing: border-box; height: 100%; width: 100%; padding: 3em 5%; color: #FFFFFF; text-align: left; overflow-y: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_8148 .cd-modal-content a, #stacks_in_8148 .cd-modal-content a:visited { color: #DE425A; } #stacks_in_8148 .cd-modal-content a:hover, #stacks_in_8148 .cd-modal-content a:active { color: #B13448; } #stacks_in_8148 .modal-is-visible .cd-modal { z-index: 300000 !important; visibility: visible; opacity: 1; pointer-events: auto; -webkit-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; -moz-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; } #stacks_in_8148 .modal-is-visible .cd-modal .cd-modal-content { -webkit-overflow-scrolling: touch; } @media only screen and (min-width: 768px) { #stacks_in_8148 .cd-modal .cd-modal-content { padding: 4em 10%; } } @media only screen and (min-width: 1170px) { #stacks_in_8148 .cd-modal .cd-modal-content { padding: 6em 20%; } } #stacks_in_8148 .cd-modal-action { position: relative; } #stacks_in_8148 .cd-modal-action .modal_btn, #stacks_in_8148 .cd-modal-action .cd-modal-bg { display: inline-block; height: 2.5em; background-color: #336699; } #stacks_in_8148 .modal_btn, #stacks_in_8148 .cd-modal-close { text-decoration: none !important; border: none !important; } #stacks_in_8148 .cd-modal-action .modal_btn { border-radius: 5em; color: #ffffff; line-height: 2.5em; white-space: nowrap; font-weight: 700; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: color 0.2s 0.3s, width 0.3s 0s; -moz-transition: color 0.2s 0.3s, width 0.3s 0s; transition: color 0.2s 0.3s, width 0.3s 0s; overflow: hidden; } @media only screen { #stacks_in_8148 .cd-modal-action .modal_btn { width: 225px; } } @media only screen and (max-width: 720px) { #stacks_in_8148 .cd-modal-action .modal_btn { width: 100%; } } @media only screen and (max-width: 480px) { #stacks_in_8148 .cd-modal-action .modal_btn { width: 100%; } } #stacks_in_8148 .cd-modal-action .modal_btn i { margin-right: 6px; } #stacks_in_8148 .cd-modal-action .modal_btn.to-circle { width: 2.5em; color: transparent !important; -webkit-transition: color 0.2s 0s, width 0.3s 0.2s; -moz-transition: color 0.2s 0s, width 0.3s 0.2s; transition: color 0.2s 0s, width 0.3s 0.2s; } #stacks_in_8148 .cd-modal-action .cd-modal-bg { position: absolute; z-index: 300000 !important; left: 50%; top: 0; width: 2.5em; border-radius: 50%; opacity: 0; visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateX(-2em); -moz-transform: translateX(-2em); -ms-transform: translateX(-2em); -o-transform: translateX(-2em); transform: translateX(-2em); -webkit-transition: visibility 0s 0.5s; -moz-transition: visibility 0s 0.5s; transition: visibility 0s 0.5s; } #stacks_in_8148 .cd-modal-action .cd-modal-bg.is-visible { opacity: 1; visibility: visible; } #stacks_in_8148 .cd-modal-close { position: fixed; z-index: 9999999 !important; top: 20px; right: 20px; display: block; height: 50px; width: 50px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.3); background-image: url(../files/cd-icon-close.png); background-repeat: no-repeat; background-position: center center; /* image replacement */ overflow: hidden; text-indent: 100%; white-space: nowrap; visibility: hidden; opacity: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; transition: transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; } #stacks_in_8148 .no-touch .cd-modal-close:hover { background-color: rgba(0, 0, 0, 0.5); } #stacks_in_8148 .modal-is-visible .cd-modal-close { visibility: visible; opacity: 1; -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; transition: transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } @media only screen and (min-width: 768px) { #stacks_in_8148 .cd-modal-close { top: 40px; right: 40px; } } #stacks_in_8148 .cd-modal-action a, #stacks_in_8148 .cd-modal-action a:visited, #stacks_in_8148 .cd-modal-action a:hover, #stacks_in_8148 .cd-modal-action a:active { color: #FFFFFF !important; text-decoration: none; } /* Font Selections */ #stacks_in_8148 .cd-modal-action .modal_btn { } #stacks_in_8148 { margin: 10px 0px 10px 0px; } #stacks_out_8148 { width: 48%; margin-left:0; } /* Start Print This 2 stack CSS code */ .stacks_in_8149PrintThisOuter{ background-color: #FFFFFF; padding: 15px; border: 1px dashed #CCCCCC; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .stacks_in_8149PrintThis2{ position: relative; } @font-face { font-family: "doo_fontsregular"; src: url('../files/printthis2Assets/font/doo_print-webfont.eot'); src: url('../files/printthis2Assets/font/doo_print-webfont.eot?#iefix') format('eot'), url('../files/printthis2Assets/font/doo_print-webfont.woff') format('woff'), url('../files/printthis2Assets/font/doo_print-webfont.ttf') format('truetype'), url('../files/printthis2Assets/font/doo_print-webfont.svg#doo_fontsregular') format('svg'); font-weight: normal; font-style: normal; } .stacks_in_8149PrintThisButton{ float: right; font-family: "doo_fontsregular"; font-size: 24px; line-height: 24px; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; color: #000000; cursor:pointer; } .stacks_in_8149PrintThisButton:hover{ color: #3C3C3C; } .stacks_in_8149clearer{ clear: both; height: 1px; padding: 0; margin: 0; } /* End Print This 2 stack CSS code */ #stacks_in_8154 h1,#stacks_in_8154 h1 a,#stacks_in_8154 p,#stacks_in_8154 p a{ font-size:15px; line-height:1.39em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_8154 h1,#stacks_in_8154 h1 a,#stacks_in_8154 p,#stacks_in_8154 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_8154 h1,#stacks_in_8154 h1 a,#stacks_in_8154 p,#stacks_in_8154 p a{ font-size:12px; } } #stacks_in_8154 h1,#stacks_in_8154 h1 a,#stacks_in_8154 p,#stacks_in_8154 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_8154 p a:hover, #stacks_in_8154 h1 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_out_8154 { margin-right:0; } /* -- Start Swell Each css Template -- */ #stacks_in_1750{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_1750swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_1750swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_1750swell{ max-width: 800px; } .stacks_in_1750swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_1750swell-with-zoom .mfp-container,.stacks_in_1750swell-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 198.000015ms ease-out; -moz-transition: all 198.000015ms ease-out; -o-transition: all 198.000015ms ease-out; transition: all 198.000015ms ease-out; } .stacks_in_1750swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_1750swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_1750swell-with-zoom.mfp-removing .mfp-container,.stacks_in_1750swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_1750 .swellzoomeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_1750 .swellshrinkeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_1750 .swellcircleeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #stacks_in_1750 .swellthreedeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media all and (min-width: 480px) { #stacks_in_1750 .swellzoomeffect img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } #stacks_in_1750 .swellshrinkeffect img:hover{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9); } #stacks_in_1750 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_1750 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_1750 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_1750 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_1750 .swellthreedeffect:hover{ box-shadow: 1px 1px rgba(242, 88, 95, 1.00), 2px 2px rgba(242, 88, 95, 1.00), 3px 3px rgba(242, 88, 95, 1.00); -webkit-transform: translateX(-3px); transform: translateX(-3px); } } /* -- End Swell Each css Template -- */ #stacks_in_1750 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #stacks_out_1750 { width: 50%; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_1752, #stacks_in_1752 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_1752 { padding: 20px 0px !important; } #press_alignment_stacks_in_1752 { width: 100%; } #press_alignment_stacks_in_1752.press-left { text-align: left; } #press_alignment_stacks_in_1752.press-center { text-align: center; } #press_alignment_stacks_in_1752.press-right { text-align: right; } #stacks_in_1752 { transition: all 200ms ease; /* */ /* */ /* */ background: #CCCCCC; background: -webkit-gradient(linear, left top, left bottom, from(to bottom), color-stop(#CCCCCC), to(#ACACAC)); background: linear-gradient(to bottom, #CCCCCC, #ACACAC); /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(0, 0, 0, 1.00); margin: 20px 0px 20px 20px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_1752:hover { /* */ /* */ /* */ background: rgba(255, 255, 255, 0.75); /* */ /* */ /* */ /* */ /* */ /* */ /* */ } #stacks_in_1752:hover .press-icon i { /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_1752:active { /* */ /* */ /* */ /* */ } #stacks_in_1752:active .press-icon i { /* */ } #stacks_in_1752 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 10px 20px 10px 20px; border-radius: 0px 0px 0px 0px; /* */ /* */ /* */ background: #CCCCCC; background: -webkit-gradient(linear, left top, left bottom, from(to right), color-stop(#CCCCCC), to(#999999)); background: linear-gradient(to right, #CCCCCC, #999999); /* */ /* */ /* */ /* */ margin-right: 0px; /* */ /* */ /* */ } #stacks_in_1752 .press-icon i { font-size: 17px; color: rgba(0, 0, 0, 1.00); vertical-align: middle; } #stacks_in_1752 .press-text { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; padding: 5px 14px 5px 14px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 20px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_1752 .press-text .out { margin: 0 !important; } #stacks_in_1752 { font-size: 14px; line-height: 20px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } #flex-item-stacks_in_8123 .flex-grid-item-stacks_in_7548 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_8123 .flex-grid-item-stacks_in_7548 .flex-item-content-stacks_in_7548 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_8123 .flex-grid-item-stacks_in_7548 .flex-item-content-stacks_in_7548 .flex-item-content-inner-stacks_in_7548 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8123 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_8123 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8123 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8123 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8123.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8123.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8123.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_1698 h4,#stacks_in_1698 h4 a,#stacks_in_1698 p,#stacks_in_1698 p a{ font-size:17px; line-height:1.68em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_1698 h4,#stacks_in_1698 h4 a,#stacks_in_1698 p,#stacks_in_1698 p a{ font-size:16px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_1698 h4,#stacks_in_1698 h4 a,#stacks_in_1698 p,#stacks_in_1698 p a{ font-size:14px; } } #stacks_in_1698 h4,#stacks_in_1698 h4 a,#stacks_in_1698 p,#stacks_in_1698 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:right; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_1698 p a:hover, #stacks_in_1698 h4 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_1698 { margin: 11px; padding: 2px; } #stacks_in_1700 h3,#stacks_in_1700 h3 a,#stacks_in_1700 p,#stacks_in_1700 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_1700 h3,#stacks_in_1700 h3 a,#stacks_in_1700 p,#stacks_in_1700 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_1700 h3,#stacks_in_1700 h3 a,#stacks_in_1700 p,#stacks_in_1700 p a{ font-size:13px; } } #stacks_in_1700 h3,#stacks_in_1700 h3 a,#stacks_in_1700 p,#stacks_in_1700 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_1700 p a:hover, #stacks_in_1700 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_1700 { margin: 10px; } #stacks_out_1700 { margin-right:0; } #stacks_in_1703 h3,#stacks_in_1703 h3 a,#stacks_in_1703 p,#stacks_in_1703 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_1703 h3,#stacks_in_1703 h3 a,#stacks_in_1703 p,#stacks_in_1703 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_1703 h3,#stacks_in_1703 h3 a,#stacks_in_1703 p,#stacks_in_1703 p a{ font-size:13px; } } #stacks_in_1703 h3,#stacks_in_1703 h3 a,#stacks_in_1703 p,#stacks_in_1703 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_1703 p a:hover, #stacks_in_1703 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_1703 { margin: 10px; } #stacks_out_1703 { margin-right:0; } /* ********* */ /* Normalize */ /* ********* */ /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ #stacks_in_1705_1 article, #stacks_in_1705_1 aside, #stacks_in_1705_1 details, #stacks_in_1705_1 figcaption, #stacks_in_1705_1 figure, #stacks_in_1705_1 footer, #stacks_in_1705_1 header, #stacks_in_1705_1 hgroup, #stacks_in_1705_1 main, #stacks_in_1705_1 nav, #stacks_in_1705_1 section, #stacks_in_1705_1 summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ #stacks_in_1705_1 audio, #stacks_in_1705_1 canvas, #stacks_in_1705_1 progress, #stacks_in_1705_1 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ #stacks_in_1705_1 audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ #stacks_in_1705_1 [hidden], #stacks_in_1705_1 template { display: none; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ #stacks_in_1705_1 img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ #stacks_in_1705_1 svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address differences between Firefox and other browsers. */ #stacks_in_1705_1 hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ #stacks_in_1705_1 pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ #stacks_in_1705_1 code, #stacks_in_1705_1 kbd, #stacks_in_1705_1 pre, #stacks_in_1705_1 samp { font-family: monospace, monospace; font-size: 1em; } /* **************** */ /* Stack Specific */ /* **************** */ %[if ]% %[if edit]% #stacks_in_1705_1 { background-image: url(../files/images/preview_numbers_background.png), url(../files/images/preview_striped_background.png); background-repeat: no-repeat, repeat-y; background-size: 100%, 100%; background-position: center top, center 100px; border-radius: 4px; padding-top: 75px; padding-bottom: 25px; border: 1px solid #e9e9e9; } %[endif]% %[endif]% #stacks_in_1705_1 *, #stacks_in_1705_1 *:before, #stacks_in_1705_1 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } %[if !edit]% #stacks_in_1705_1 .wow { visibility: hidden; } %[endif]% #stacks_in_1705_1>ul li { padding-bottom: 0 !important; } /* iPhone aka SMALL */ @media only screen { #stacks_in_1705_1>ul>li { margin-bottom: px; } } %[if ]% /* iPad aka MEDIUM */ @media only screen and (min-width: 40.063em) { #stacks_in_1705_1>ul>li { margin-bottom: px; } } %[endif]% %[if ]% /* Desktop aka LARGE */ @media only screen and (min-width: 64.063em) { #stacks_in_1705_1>ul>li { margin-bottom: px; } } %[endif]% /* **************** */ /* Foundation START */ /* **************** */ /* Copyright (c) 2013-2014 ZURB, inc. MIT License 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. */ #stacks_in_1705_1 meta.foundation-version { font-family: "/5.3.1/"; } #stacks_in_1705_1 meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } #stacks_in_1705_1 meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } #stacks_in_1705_1 meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } #stacks_in_1705_1 meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } #stacks_in_1705_1 meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } #stacks_in_1705_1 meta.foundation-data-attribute-namespace { font-family: false; } #stacks_in_1705_1 *, #stacks_in_1705_1 *:before, #stacks_in_1705_1 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_1705_1 .left { float: left !important; } #stacks_in_1705_1 .right { float: right !important; } #stacks_in_1705_1 .clearfix:before, #stacks_in_1705_1 .clearfix:after { content: " "; display: table; } #stacks_in_1705_1 .clearfix:after { clear: both; } #stacks_in_1705_1 .hide { display: none; } #stacks_in_1705_1 .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_1705_1 img { display: inline-block; vertical-align: middle; } #stacks_in_1705_1 textarea { height: auto; min-height: 50px; } #stacks_in_1705_1 select { width: 100%; } #stacks_in_1705_1 .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } #stacks_in_1705_1 .row { max-width: 62.5em; } #stacks_in_1705_1 .row:before, #stacks_in_1705_1 .row:after { content: " "; display: table; } #stacks_in_1705_1 .row:after { clear: both; } #stacks_in_1705_1 .row.collapse > .column, #stacks_in_1705_1 .row.collapse > .columns { padding-left: 0; padding-right: 0; } #stacks_in_1705_1 .row.collapse .row { margin-left: 0; margin-right: 0; } #stacks_in_1705_1 .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; } #stacks_in_1705_1 .row .row:before, #stacks_in_1705_1 .row .row:after { content: " "; display: table; } #stacks_in_1705_1 .row .row:after { clear: both; } #stacks_in_1705_1 .row .row.collapse { width: auto; margin: 0; max-width: none; } #stacks_in_1705_1 .row .row.collapse:before, #stacks_in_1705_1 .row .row.collapse:after { content: " "; display: table; } #stacks_in_1705_1 .row .row.collapse:after { clear: both; } #stacks_in_1705_1 .column, #stacks_in_1705_1 .columns { padding-left: 0.9375em; padding-right: 0.9375em; width: 100%; float: left; } #stacks_in_1705_1 [class*="column"] + [class*="column"]:last-child { float: right; } #stacks_in_1705_1 [class*="column"] + [class*="column"].end { float: left; } @media only screen { #stacks_in_1705_1 .small-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1705_1 .small-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1705_1 .small-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1705_1 .small-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1705_1 .small-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1705_1 .small-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1705_1 .small-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1705_1 .small-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1705_1 .small-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1705_1 .small-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1705_1 .small-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1705_1 .small-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1705_1 .small-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1705_1 .small-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1705_1 .small-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1705_1 .small-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1705_1 .small-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1705_1 .small-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1705_1 .small-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1705_1 .small-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1705_1 .small-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1705_1 .small-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1705_1 .small-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1705_1 .small-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_1705_1 .column, #stacks_in_1705_1 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_1705_1 .small-1 { width: 8.33333%; } #stacks_in_1705_1 .small-2 { width: 16.66667%; } #stacks_in_1705_1 .small-3 { width: 25%; } #stacks_in_1705_1 .small-4 { width: 33.33333%; } #stacks_in_1705_1 .small-5 { width: 41.66667%; } #stacks_in_1705_1 .small-6 { width: 50%; } #stacks_in_1705_1 .small-7 { width: 58.33333%; } #stacks_in_1705_1 .small-8 { width: 66.66667%; } #stacks_in_1705_1 .small-9 { width: 75%; } #stacks_in_1705_1 .small-10 { width: 83.33333%; } #stacks_in_1705_1 .small-11 { width: 91.66667%; } #stacks_in_1705_1 .small-12 { width: 100%; } #stacks_in_1705_1 .small-offset-0 { margin-left: 0% !important; } #stacks_in_1705_1 .small-offset-1 { margin-left: 8.33333% !important; } #stacks_in_1705_1 .small-offset-2 { margin-left: 16.66667% !important; } #stacks_in_1705_1 .small-offset-3 { margin-left: 25% !important; } #stacks_in_1705_1 .small-offset-4 { margin-left: 33.33333% !important; } #stacks_in_1705_1 .small-offset-5 { margin-left: 41.66667% !important; } #stacks_in_1705_1 .small-offset-6 { margin-left: 50% !important; } #stacks_in_1705_1 .small-offset-7 { margin-left: 58.33333% !important; } #stacks_in_1705_1 .small-offset-8 { margin-left: 66.66667% !important; } #stacks_in_1705_1 .small-offset-9 { margin-left: 75% !important; } #stacks_in_1705_1 .small-offset-10 { margin-left: 83.33333% !important; } #stacks_in_1705_1 .small-offset-11 { margin-left: 91.66667% !important; } #stacks_in_1705_1 .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_1705_1 .column.small-centered, #stacks_in_1705_1 .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_1705_1 .column.small-uncentered, #stacks_in_1705_1 .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_1705_1 .column.small-centered:last-child, #stacks_in_1705_1 .columns.small-centered:last-child { float: none; } #stacks_in_1705_1 .column.small-uncentered:last-child, #stacks_in_1705_1 .columns.small-uncentered:last-child { float: left; } #stacks_in_1705_1 .column.small-uncentered.opposite, #stacks_in_1705_1 .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 40.063em) { #stacks_in_1705_1 .medium-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1705_1 .medium-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1705_1 .medium-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1705_1 .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1705_1 .medium-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1705_1 .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1705_1 .medium-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1705_1 .medium-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1705_1 .medium-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1705_1 .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1705_1 .medium-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1705_1 .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1705_1 .medium-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1705_1 .medium-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1705_1 .medium-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1705_1 .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1705_1 .medium-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1705_1 .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1705_1 .medium-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1705_1 .medium-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1705_1 .medium-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1705_1 .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1705_1 .medium-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1705_1 .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_1705_1 .column, #stacks_in_1705_1 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_1705_1 .medium-1 { width: 8.33333%; } #stacks_in_1705_1 .medium-2 { width: 16.66667%; } #stacks_in_1705_1 .medium-3 { width: 25%; } #stacks_in_1705_1 .medium-4 { width: 33.33333%; } #stacks_in_1705_1 .medium-5 { width: 41.66667%; } #stacks_in_1705_1 .medium-6 { width: 50%; } #stacks_in_1705_1 .medium-7 { width: 58.33333%; } #stacks_in_1705_1 .medium-8 { width: 66.66667%; } #stacks_in_1705_1 .medium-9 { width: 75%; } #stacks_in_1705_1 .medium-10 { width: 83.33333%; } #stacks_in_1705_1 .medium-11 { width: 91.66667%; } #stacks_in_1705_1 .medium-12 { width: 100%; } #stacks_in_1705_1 .medium-offset-0 { margin-left: 0% !important; } #stacks_in_1705_1 .medium-offset-1 { margin-left: 8.33333% !important; } #stacks_in_1705_1 .medium-offset-2 { margin-left: 16.66667% !important; } #stacks_in_1705_1 .medium-offset-3 { margin-left: 25% !important; } #stacks_in_1705_1 .medium-offset-4 { margin-left: 33.33333% !important; } #stacks_in_1705_1 .medium-offset-5 { margin-left: 41.66667% !important; } #stacks_in_1705_1 .medium-offset-6 { margin-left: 50% !important; } #stacks_in_1705_1 .medium-offset-7 { margin-left: 58.33333% !important; } #stacks_in_1705_1 .medium-offset-8 { margin-left: 66.66667% !important; } #stacks_in_1705_1 .medium-offset-9 { margin-left: 75% !important; } #stacks_in_1705_1 .medium-offset-10 { margin-left: 83.33333% !important; } #stacks_in_1705_1 .medium-offset-11 { margin-left: 91.66667% !important; } #stacks_in_1705_1 .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_1705_1 .column.medium-centered, #stacks_in_1705_1 .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_1705_1 .column.medium-uncentered, #stacks_in_1705_1 .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_1705_1 .column.medium-centered:last-child, #stacks_in_1705_1 .columns.medium-centered:last-child { float: none; } #stacks_in_1705_1 .column.medium-uncentered:last-child, #stacks_in_1705_1 .columns.medium-uncentered:last-child { float: left; } #stacks_in_1705_1 .column.medium-uncentered.opposite, #stacks_in_1705_1 .columns.medium-uncentered.opposite { float: right; } #stacks_in_1705_1 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1705_1 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1705_1 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1705_1 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1705_1 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1705_1 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1705_1 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1705_1 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1705_1 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1705_1 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1705_1 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1705_1 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1705_1 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1705_1 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1705_1 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1705_1 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1705_1 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1705_1 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1705_1 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1705_1 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1705_1 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1705_1 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1705_1 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1705_1 .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { #stacks_in_1705_1 .large-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1705_1 .large-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1705_1 .large-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1705_1 .large-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1705_1 .large-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1705_1 .large-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1705_1 .large-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1705_1 .large-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1705_1 .large-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1705_1 .large-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1705_1 .large-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1705_1 .large-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1705_1 .large-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1705_1 .large-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1705_1 .large-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1705_1 .large-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1705_1 .large-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1705_1 .large-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1705_1 .large-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1705_1 .large-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1705_1 .large-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1705_1 .large-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1705_1 .large-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1705_1 .large-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_1705_1 .column, #stacks_in_1705_1 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_1705_1 .large-1 { width: 8.33333%; } #stacks_in_1705_1 .large-2 { width: 16.66667%; } #stacks_in_1705_1 .large-3 { width: 25%; } #stacks_in_1705_1 .large-4 { width: 33.33333%; } #stacks_in_1705_1 .large-5 { width: 41.66667%; } #stacks_in_1705_1 .large-6 { width: 50%; } #stacks_in_1705_1 .large-7 { width: 58.33333%; } #stacks_in_1705_1 .large-8 { width: 66.66667%; } #stacks_in_1705_1 .large-9 { width: 75%; } #stacks_in_1705_1 .large-10 { width: 83.33333%; } #stacks_in_1705_1 .large-11 { width: 91.66667%; } #stacks_in_1705_1 .large-12 { width: 100%; } #stacks_in_1705_1 .large-offset-0 { margin-left: 0% !important; } #stacks_in_1705_1 .large-offset-1 { margin-left: 8.33333% !important; } #stacks_in_1705_1 .large-offset-2 { margin-left: 16.66667% !important; } #stacks_in_1705_1 .large-offset-3 { margin-left: 25% !important; } #stacks_in_1705_1 .large-offset-4 { margin-left: 33.33333% !important; } #stacks_in_1705_1 .large-offset-5 { margin-left: 41.66667% !important; } #stacks_in_1705_1 .large-offset-6 { margin-left: 50% !important; } #stacks_in_1705_1 .large-offset-7 { margin-left: 58.33333% !important; } #stacks_in_1705_1 .large-offset-8 { margin-left: 66.66667% !important; } #stacks_in_1705_1 .large-offset-9 { margin-left: 75% !important; } #stacks_in_1705_1 .large-offset-10 { margin-left: 83.33333% !important; } #stacks_in_1705_1 .large-offset-11 { margin-left: 91.66667% !important; } #stacks_in_1705_1 .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_1705_1 .column.large-centered, #stacks_in_1705_1 .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_1705_1 .column.large-uncentered, #stacks_in_1705_1 .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_1705_1 .column.large-centered:last-child, #stacks_in_1705_1 .columns.large-centered:last-child { float: none; } #stacks_in_1705_1 .column.large-uncentered:last-child, #stacks_in_1705_1 .columns.large-uncentered:last-child { float: left; } #stacks_in_1705_1 .column.large-uncentered.opposite, #stacks_in_1705_1 .columns.large-uncentered.opposite { float: right; } #stacks_in_1705_1 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1705_1 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1705_1 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1705_1 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1705_1 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1705_1 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1705_1 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1705_1 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1705_1 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1705_1 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1705_1 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1705_1 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1705_1 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1705_1 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1705_1 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1705_1 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1705_1 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1705_1 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1705_1 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1705_1 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1705_1 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1705_1 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1705_1 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1705_1 .pull-11 { position: relative; right: 91.66667%; left: auto; } } #stacks_in_1705_1 [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } #stacks_in_1705_1 [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } #stacks_in_1705_1 [class*="block-grid-"]:after { clear: both; } #stacks_in_1705_1 [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { #stacks_in_1705_1 .small-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_1705_1 .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_1705_1 .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_1705_1 .small-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_1705_1 .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_1705_1 .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_1705_1 .small-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_1705_1 .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_1705_1 .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_1705_1 .small-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_1705_1 .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_1705_1 .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_1705_1 .small-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_1705_1 .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_1705_1 .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_1705_1 .small-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_1705_1 .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_1705_1 .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_1705_1 .small-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_1705_1 .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_1705_1 .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_1705_1 .small-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_1705_1 .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_1705_1 .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_1705_1 .small-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_1705_1 .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_1705_1 .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_1705_1 .small-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_1705_1 .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_1705_1 .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_1705_1 .small-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_1705_1 .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_1705_1 .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_1705_1 .small-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_1705_1 .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_1705_1 .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { #stacks_in_1705_1 .medium-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_1705_1 .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_1705_1 .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_1705_1 .medium-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_1705_1 .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_1705_1 .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_1705_1 .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_1705_1 .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_1705_1 .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_1705_1 .medium-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_1705_1 .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_1705_1 .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_1705_1 .medium-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_1705_1 .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_1705_1 .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_1705_1 .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_1705_1 .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_1705_1 .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_1705_1 .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_1705_1 .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_1705_1 .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_1705_1 .medium-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_1705_1 .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_1705_1 .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_1705_1 .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_1705_1 .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_1705_1 .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_1705_1 .medium-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_1705_1 .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_1705_1 .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_1705_1 .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_1705_1 .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_1705_1 .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_1705_1 .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_1705_1 .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_1705_1 .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { #stacks_in_1705_1 .large-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_1705_1 .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_1705_1 .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_1705_1 .large-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_1705_1 .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_1705_1 .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_1705_1 .large-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_1705_1 .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_1705_1 .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_1705_1 .large-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_1705_1 .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_1705_1 .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_1705_1 .large-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_1705_1 .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_1705_1 .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_1705_1 .large-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_1705_1 .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_1705_1 .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_1705_1 .large-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_1705_1 .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_1705_1 .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_1705_1 .large-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_1705_1 .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_1705_1 .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_1705_1 .large-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_1705_1 .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_1705_1 .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_1705_1 .large-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_1705_1 .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_1705_1 .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_1705_1 .large-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_1705_1 .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_1705_1 .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_1705_1 .large-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_1705_1 .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_1705_1 .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } /* Visibility CSS - Foundation */ /* small displays */ @media only screen { #stacks_in_1705_1 .show-for-small-only, #stacks_in_1705_1 .show-for-small-up, #stacks_in_1705_1 .show-for-small, #stacks_in_1705_1 .show-for-small-down, #stacks_in_1705_1 .hide-for-medium-only, #stacks_in_1705_1 .hide-for-medium-up, #stacks_in_1705_1 .hide-for-medium, #stacks_in_1705_1 .show-for-medium-down, #stacks_in_1705_1 .hide-for-large-only, #stacks_in_1705_1 .hide-for-large-up, #stacks_in_1705_1 .hide-for-large, #stacks_in_1705_1 .show-for-large-down, #stacks_in_1705_1 .hide-for-xlarge-only, #stacks_in_1705_1 .hide-for-xlarge-up, #stacks_in_1705_1 .hide-for-xxlarge-only, #stacks_in_1705_1 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_1705_1 .hide-for-small-only, #stacks_in_1705_1 .hide-for-small-up, #stacks_in_1705_1 .hide-for-small, #stacks_in_1705_1 .hide-for-small-down, #stacks_in_1705_1 .show-for-medium-only, #stacks_in_1705_1 .show-for-medium-up, #stacks_in_1705_1 .show-for-medium, #stacks_in_1705_1 .hide-for-medium-down, #stacks_in_1705_1 .show-for-large-only, #stacks_in_1705_1 .show-for-large-up, #stacks_in_1705_1 .show-for-large, #stacks_in_1705_1 .hide-for-large-down, #stacks_in_1705_1 .show-for-xlarge-only, #stacks_in_1705_1 .show-for-xlarge-up, #stacks_in_1705_1 .show-for-xxlarge-only, #stacks_in_1705_1 .show-for-xxlarge-up { display: none !important; } #stacks_in_1705_1 .visible-for-small-only, #stacks_in_1705_1 .visible-for-small-up, #stacks_in_1705_1 .visible-for-small, #stacks_in_1705_1 .visible-for-small-down, #stacks_in_1705_1 .hidden-for-medium-only, #stacks_in_1705_1 .hidden-for-medium-up, #stacks_in_1705_1 .hidden-for-medium, #stacks_in_1705_1 .visible-for-medium-down, #stacks_in_1705_1 .hidden-for-large-only, #stacks_in_1705_1 .hidden-for-large-up, #stacks_in_1705_1 .hidden-for-large, #stacks_in_1705_1 .visible-for-large-down, #stacks_in_1705_1 .hidden-for-xlarge-only, #stacks_in_1705_1 .hidden-for-xlarge-up, #stacks_in_1705_1 .hidden-for-xxlarge-only, #stacks_in_1705_1 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1705_1 .hidden-for-small-only, #stacks_in_1705_1 .hidden-for-small-up, #stacks_in_1705_1 .hidden-for-small, #stacks_in_1705_1 .hidden-for-small-down, #stacks_in_1705_1 .visible-for-medium-only, #stacks_in_1705_1 .visible-for-medium-up, #stacks_in_1705_1 .visible-for-medium, #stacks_in_1705_1 .hidden-for-medium-down, #stacks_in_1705_1 .visible-for-large-only, #stacks_in_1705_1 .visible-for-large-up, #stacks_in_1705_1 .visible-for-large, #stacks_in_1705_1 .hidden-for-large-down, #stacks_in_1705_1 .visible-for-xlarge-only, #stacks_in_1705_1 .visible-for-xlarge-up, #stacks_in_1705_1 .visible-for-xxlarge-only, #stacks_in_1705_1 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1705_1 table.show-for-small-only, #stacks_in_1705_1 table.show-for-small-up, #stacks_in_1705_1 table.show-for-small, #stacks_in_1705_1 table.show-for-small-down, #stacks_in_1705_1 table.hide-for-medium-only, #stacks_in_1705_1 table.hide-for-medium-up, #stacks_in_1705_1 table.hide-for-medium, #stacks_in_1705_1 table.show-for-medium-down, #stacks_in_1705_1 table.hide-for-large-only, #stacks_in_1705_1 table.hide-for-large-up, #stacks_in_1705_1 table.hide-for-large, #stacks_in_1705_1 table.show-for-large-down, #stacks_in_1705_1 table.hide-for-xlarge-only, #stacks_in_1705_1 table.hide-for-xlarge-up, #stacks_in_1705_1 table.hide-for-xxlarge-only, #stacks_in_1705_1 table.hide-for-xxlarge-up { display: table; } #stacks_in_1705_1 thead.show-for-small-only, #stacks_in_1705_1 thead.show-for-small-up, #stacks_in_1705_1 thead.show-for-small, #stacks_in_1705_1 thead.show-for-small-down, #stacks_in_1705_1 thead.hide-for-medium-only, #stacks_in_1705_1 thead.hide-for-medium-up, #stacks_in_1705_1 thead.hide-for-medium, #stacks_in_1705_1 thead.show-for-medium-down, #stacks_in_1705_1 thead.hide-for-large-only, #stacks_in_1705_1 thead.hide-for-large-up, #stacks_in_1705_1 thead.hide-for-large, #stacks_in_1705_1 thead.show-for-large-down, #stacks_in_1705_1 thead.hide-for-xlarge-only, #stacks_in_1705_1 thead.hide-for-xlarge-up, #stacks_in_1705_1 thead.hide-for-xxlarge-only, #stacks_in_1705_1 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1705_1 tbody.show-for-small-only, #stacks_in_1705_1 tbody.show-for-small-up, #stacks_in_1705_1 tbody.show-for-small, #stacks_in_1705_1 tbody.show-for-small-down, #stacks_in_1705_1 tbody.hide-for-medium-only, #stacks_in_1705_1 tbody.hide-for-medium-up, #stacks_in_1705_1 tbody.hide-for-medium, #stacks_in_1705_1 tbody.show-for-medium-down, #stacks_in_1705_1 tbody.hide-for-large-only, #stacks_in_1705_1 tbody.hide-for-large-up, #stacks_in_1705_1 tbody.hide-for-large, #stacks_in_1705_1 tbody.show-for-large-down, #stacks_in_1705_1 tbody.hide-for-xlarge-only, #stacks_in_1705_1 tbody.hide-for-xlarge-up, #stacks_in_1705_1 tbody.hide-for-xxlarge-only, #stacks_in_1705_1 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1705_1 tr.show-for-small-only, #stacks_in_1705_1 tr.show-for-small-up, #stacks_in_1705_1 tr.show-for-small, #stacks_in_1705_1 tr.show-for-small-down, #stacks_in_1705_1 tr.hide-for-medium-only, #stacks_in_1705_1 tr.hide-for-medium-up, #stacks_in_1705_1 tr.hide-for-medium, #stacks_in_1705_1 tr.show-for-medium-down, #stacks_in_1705_1 tr.hide-for-large-only, #stacks_in_1705_1 tr.hide-for-large-up, #stacks_in_1705_1 tr.hide-for-large, #stacks_in_1705_1 tr.show-for-large-down, #stacks_in_1705_1 tr.hide-for-xlarge-only, #stacks_in_1705_1 tr.hide-for-xlarge-up, #stacks_in_1705_1 tr.hide-for-xxlarge-only, #stacks_in_1705_1 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_1705_1 th.show-for-small-only, #stacks_in_1705_1 td.show-for-small-only, #stacks_in_1705_1 th.show-for-small-up, #stacks_in_1705_1 td.show-for-small-up, #stacks_in_1705_1 th.show-for-small, #stacks_in_1705_1 td.show-for-small, #stacks_in_1705_1 th.show-for-small-down, #stacks_in_1705_1 td.show-for-small-down, #stacks_in_1705_1 th.hide-for-medium-only, #stacks_in_1705_1 td.hide-for-medium-only, #stacks_in_1705_1 th.hide-for-medium-up, #stacks_in_1705_1 td.hide-for-medium-up, #stacks_in_1705_1 th.hide-for-medium, #stacks_in_1705_1 td.hide-for-medium, #stacks_in_1705_1 th.show-for-medium-down, #stacks_in_1705_1 td.show-for-medium-down, #stacks_in_1705_1 th.hide-for-large-only, #stacks_in_1705_1 td.hide-for-large-only, #stacks_in_1705_1 th.hide-for-large-up, #stacks_in_1705_1 td.hide-for-large-up, #stacks_in_1705_1 th.hide-for-large, #stacks_in_1705_1 td.hide-for-large, #stacks_in_1705_1 th.show-for-large-down, #stacks_in_1705_1 td.show-for-large-down, #stacks_in_1705_1 th.hide-for-xlarge-only, #stacks_in_1705_1 td.hide-for-xlarge-only, #stacks_in_1705_1 th.hide-for-xlarge-up, #stacks_in_1705_1 td.hide-for-xlarge-up, #stacks_in_1705_1 th.hide-for-xxlarge-only, #stacks_in_1705_1 td.hide-for-xxlarge-only, #stacks_in_1705_1 th.hide-for-xxlarge-up, #stacks_in_1705_1 td.hide-for-xxlarge-up { display: table-cell !important; } } /* medium displays */ @media only screen and (min-width: 40.063em) { #stacks_in_1705_1 .hide-for-small-only, #stacks_in_1705_1 .show-for-small-up, #stacks_in_1705_1 .hide-for-small, #stacks_in_1705_1 .hide-for-small-down, #stacks_in_1705_1 .show-for-medium-only, #stacks_in_1705_1 .show-for-medium-up, #stacks_in_1705_1 .show-for-medium, #stacks_in_1705_1 .show-for-medium-down, #stacks_in_1705_1 .hide-for-large-only, #stacks_in_1705_1 .hide-for-large-up, #stacks_in_1705_1 .hide-for-large, #stacks_in_1705_1 .show-for-large-down, #stacks_in_1705_1 .hide-for-xlarge-only, #stacks_in_1705_1 .hide-for-xlarge-up, #stacks_in_1705_1 .hide-for-xxlarge-only, #stacks_in_1705_1 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_1705_1 .show-for-small-only, #stacks_in_1705_1 .hide-for-small-up, #stacks_in_1705_1 .show-for-small, #stacks_in_1705_1 .show-for-small-down, #stacks_in_1705_1 .hide-for-medium-only, #stacks_in_1705_1 .hide-for-medium-up, #stacks_in_1705_1 .hide-for-medium, #stacks_in_1705_1 .hide-for-medium-down, #stacks_in_1705_1 .show-for-large-only, #stacks_in_1705_1 .show-for-large-up, #stacks_in_1705_1 .show-for-large, #stacks_in_1705_1 .hide-for-large-down, #stacks_in_1705_1 .show-for-xlarge-only, #stacks_in_1705_1 .show-for-xlarge-up, #stacks_in_1705_1 .show-for-xxlarge-only, #stacks_in_1705_1 .show-for-xxlarge-up { display: none !important; } #stacks_in_1705_1 .hidden-for-small-only, #stacks_in_1705_1 .visible-for-small-up, #stacks_in_1705_1 .hidden-for-small, #stacks_in_1705_1 .hidden-for-small-down, #stacks_in_1705_1 .visible-for-medium-only, #stacks_in_1705_1 .visible-for-medium-up, #stacks_in_1705_1 .visible-for-medium, #stacks_in_1705_1 .visible-for-medium-down, #stacks_in_1705_1 .hidden-for-large-only, #stacks_in_1705_1 .hidden-for-large-up, #stacks_in_1705_1 .hidden-for-large, #stacks_in_1705_1 .visible-for-large-down, #stacks_in_1705_1 .hidden-for-xlarge-only, #stacks_in_1705_1 .hidden-for-xlarge-up, #stacks_in_1705_1 .hidden-for-xxlarge-only, #stacks_in_1705_1 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1705_1 .visible-for-small-only, #stacks_in_1705_1 .hidden-for-small-up, #stacks_in_1705_1 .visible-for-small, #stacks_in_1705_1 .visible-for-small-down, #stacks_in_1705_1 .hidden-for-medium-only, #stacks_in_1705_1 .hidden-for-medium-up, #stacks_in_1705_1 .hidden-for-medium, #stacks_in_1705_1 .hidden-for-medium-down, #stacks_in_1705_1 .visible-for-large-only, #stacks_in_1705_1 .visible-for-large-up, #stacks_in_1705_1 .visible-for-large, #stacks_in_1705_1 .hidden-for-large-down, #stacks_in_1705_1 .visible-for-xlarge-only, #stacks_in_1705_1 .visible-for-xlarge-up, #stacks_in_1705_1 .visible-for-xxlarge-only, #stacks_in_1705_1 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1705_1 table.hide-for-small-only, #stacks_in_1705_1 table.show-for-small-up, #stacks_in_1705_1 table.hide-for-small, #stacks_in_1705_1 table.hide-for-small-down, #stacks_in_1705_1 table.show-for-medium-only, #stacks_in_1705_1 table.show-for-medium-up, #stacks_in_1705_1 table.show-for-medium, #stacks_in_1705_1 table.show-for-medium-down, #stacks_in_1705_1 table.hide-for-large-only, #stacks_in_1705_1 table.hide-for-large-up, #stacks_in_1705_1 table.hide-for-large, #stacks_in_1705_1 table.show-for-large-down, #stacks_in_1705_1 table.hide-for-xlarge-only, #stacks_in_1705_1 table.hide-for-xlarge-up, #stacks_in_1705_1 table.hide-for-xxlarge-only, #stacks_in_1705_1 table.hide-for-xxlarge-up { display: table; } #stacks_in_1705_1 thead.hide-for-small-only, #stacks_in_1705_1 thead.show-for-small-up, #stacks_in_1705_1 thead.hide-for-small, #stacks_in_1705_1 thead.hide-for-small-down, #stacks_in_1705_1 thead.show-for-medium-only, #stacks_in_1705_1 thead.show-for-medium-up, #stacks_in_1705_1 thead.show-for-medium, #stacks_in_1705_1 thead.show-for-medium-down, #stacks_in_1705_1 thead.hide-for-large-only, #stacks_in_1705_1 thead.hide-for-large-up, #stacks_in_1705_1 thead.hide-for-large, #stacks_in_1705_1 thead.show-for-large-down, #stacks_in_1705_1 thead.hide-for-xlarge-only, #stacks_in_1705_1 thead.hide-for-xlarge-up, #stacks_in_1705_1 thead.hide-for-xxlarge-only, #stacks_in_1705_1 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1705_1 tbody.hide-for-small-only, #stacks_in_1705_1 tbody.show-for-small-up, #stacks_in_1705_1 tbody.hide-for-small, #stacks_in_1705_1 tbody.hide-for-small-down, #stacks_in_1705_1 tbody.show-for-medium-only, #stacks_in_1705_1 tbody.show-for-medium-up, #stacks_in_1705_1 tbody.show-for-medium, #stacks_in_1705_1 tbody.show-for-medium-down, #stacks_in_1705_1 tbody.hide-for-large-only, #stacks_in_1705_1 tbody.hide-for-large-up, #stacks_in_1705_1 tbody.hide-for-large, #stacks_in_1705_1 tbody.show-for-large-down, #stacks_in_1705_1 tbody.hide-for-xlarge-only, #stacks_in_1705_1 tbody.hide-for-xlarge-up, #stacks_in_1705_1 tbody.hide-for-xxlarge-only, #stacks_in_1705_1 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1705_1 tr.hide-for-small-only, #stacks_in_1705_1 tr.show-for-small-up, #stacks_in_1705_1 tr.hide-for-small, #stacks_in_1705_1 tr.hide-for-small-down, #stacks_in_1705_1 tr.show-for-medium-only, #stacks_in_1705_1 tr.show-for-medium-up, #stacks_in_1705_1 tr.show-for-medium, #stacks_in_1705_1 tr.show-for-medium-down, #stacks_in_1705_1 tr.hide-for-large-only, #stacks_in_1705_1 tr.hide-for-large-up, #stacks_in_1705_1 tr.hide-for-large, #stacks_in_1705_1 tr.show-for-large-down, #stacks_in_1705_1 tr.hide-for-xlarge-only, #stacks_in_1705_1 tr.hide-for-xlarge-up, #stacks_in_1705_1 tr.hide-for-xxlarge-only, #stacks_in_1705_1 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_1705_1 th.hide-for-small-only, #stacks_in_1705_1 td.hide-for-small-only, #stacks_in_1705_1 th.show-for-small-up, #stacks_in_1705_1 td.show-for-small-up, #stacks_in_1705_1 th.hide-for-small, #stacks_in_1705_1 td.hide-for-small, #stacks_in_1705_1 th.hide-for-small-down, #stacks_in_1705_1 td.hide-for-small-down, #stacks_in_1705_1 th.show-for-medium-only, #stacks_in_1705_1 td.show-for-medium-only, #stacks_in_1705_1 th.show-for-medium-up, #stacks_in_1705_1 td.show-for-medium-up, #stacks_in_1705_1 th.show-for-medium, #stacks_in_1705_1 td.show-for-medium, #stacks_in_1705_1 th.show-for-medium-down, #stacks_in_1705_1 td.show-for-medium-down, #stacks_in_1705_1 th.hide-for-large-only, #stacks_in_1705_1 td.hide-for-large-only, #stacks_in_1705_1 th.hide-for-large-up, #stacks_in_1705_1 td.hide-for-large-up, #stacks_in_1705_1 th.hide-for-large, #stacks_in_1705_1 td.hide-for-large, #stacks_in_1705_1 th.show-for-large-down, #stacks_in_1705_1 td.show-for-large-down, #stacks_in_1705_1 th.hide-for-xlarge-only, #stacks_in_1705_1 td.hide-for-xlarge-only, #stacks_in_1705_1 th.hide-for-xlarge-up, #stacks_in_1705_1 td.hide-for-xlarge-up, #stacks_in_1705_1 th.hide-for-xxlarge-only, #stacks_in_1705_1 td.hide-for-xxlarge-only, #stacks_in_1705_1 th.hide-for-xxlarge-up, #stacks_in_1705_1 td.hide-for-xxlarge-up { display: table-cell !important; } } /* large displays */ @media only screen and (min-width: 64.063em) { #stacks_in_1705_1 .hide-for-small-only, #stacks_in_1705_1 .show-for-small-up, #stacks_in_1705_1 .hide-for-small, #stacks_in_1705_1 .hide-for-small-down, #stacks_in_1705_1 .hide-for-medium-only, #stacks_in_1705_1 .show-for-medium-up, #stacks_in_1705_1 .hide-for-medium, #stacks_in_1705_1 .hide-for-medium-down, #stacks_in_1705_1 .show-for-large-only, #stacks_in_1705_1 .show-for-large-up, #stacks_in_1705_1 .show-for-large, #stacks_in_1705_1 .show-for-large-down, #stacks_in_1705_1 .hide-for-xlarge-only, #stacks_in_1705_1 .hide-for-xlarge-up, #stacks_in_1705_1 .hide-for-xxlarge-only, #stacks_in_1705_1 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_1705_1 .show-for-small-only, #stacks_in_1705_1 .hide-for-small-up, #stacks_in_1705_1 .show-for-small, #stacks_in_1705_1 .show-for-small-down, #stacks_in_1705_1 .show-for-medium-only, #stacks_in_1705_1 .hide-for-medium-up, #stacks_in_1705_1 .show-for-medium, #stacks_in_1705_1 .show-for-medium-down, #stacks_in_1705_1 .hide-for-large-only, #stacks_in_1705_1 .hide-for-large-up, #stacks_in_1705_1 .hide-for-large, #stacks_in_1705_1 .hide-for-large-down, #stacks_in_1705_1 .show-for-xlarge-only, #stacks_in_1705_1 .show-for-xlarge-up, #stacks_in_1705_1 .show-for-xxlarge-only, #stacks_in_1705_1 .show-for-xxlarge-up { display: none !important; } #stacks_in_1705_1 .hidden-for-small-only, #stacks_in_1705_1 .visible-for-small-up, #stacks_in_1705_1 .hidden-for-small, #stacks_in_1705_1 .hidden-for-small-down, #stacks_in_1705_1 .hidden-for-medium-only, #stacks_in_1705_1 .visible-for-medium-up, #stacks_in_1705_1 .hidden-for-medium, #stacks_in_1705_1 .hidden-for-medium-down, #stacks_in_1705_1 .visible-for-large-only, #stacks_in_1705_1 .visible-for-large-up, #stacks_in_1705_1 .visible-for-large, #stacks_in_1705_1 .visible-for-large-down, #stacks_in_1705_1 .hidden-for-xlarge-only, #stacks_in_1705_1 .hidden-for-xlarge-up, #stacks_in_1705_1 .hidden-for-xxlarge-only, #stacks_in_1705_1 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1705_1 .visible-for-small-only, #stacks_in_1705_1 .hidden-for-small-up, #stacks_in_1705_1 .visible-for-small, #stacks_in_1705_1 .visible-for-small-down, #stacks_in_1705_1 .visible-for-medium-only, #stacks_in_1705_1 .hidden-for-medium-up, #stacks_in_1705_1 .visible-for-medium, #stacks_in_1705_1 .visible-for-medium-down, #stacks_in_1705_1 .hidden-for-large-only, #stacks_in_1705_1 .hidden-for-large-up, #stacks_in_1705_1 .hidden-for-large, #stacks_in_1705_1 .hidden-for-large-down, #stacks_in_1705_1 .visible-for-xlarge-only, #stacks_in_1705_1 .visible-for-xlarge-up, #stacks_in_1705_1 .visible-for-xxlarge-only, #stacks_in_1705_1 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1705_1 table.hide-for-small-only, #stacks_in_1705_1 table.show-for-small-up, #stacks_in_1705_1 table.hide-for-small, #stacks_in_1705_1 table.hide-for-small-down, #stacks_in_1705_1 table.hide-for-medium-only, #stacks_in_1705_1 table.show-for-medium-up, #stacks_in_1705_1 table.hide-for-medium, #stacks_in_1705_1 table.hide-for-medium-down, #stacks_in_1705_1 table.show-for-large-only, #stacks_in_1705_1 table.show-for-large-up, #stacks_in_1705_1 table.show-for-large, #stacks_in_1705_1 table.show-for-large-down, #stacks_in_1705_1 table.hide-for-xlarge-only, #stacks_in_1705_1 table.hide-for-xlarge-up, #stacks_in_1705_1 table.hide-for-xxlarge-only, #stacks_in_1705_1 table.hide-for-xxlarge-up { display: table; } #stacks_in_1705_1 thead.hide-for-small-only, #stacks_in_1705_1 thead.show-for-small-up, #stacks_in_1705_1 thead.hide-for-small, #stacks_in_1705_1 thead.hide-for-small-down, #stacks_in_1705_1 thead.hide-for-medium-only, #stacks_in_1705_1 thead.show-for-medium-up, #stacks_in_1705_1 thead.hide-for-medium, #stacks_in_1705_1 thead.hide-for-medium-down, #stacks_in_1705_1 thead.show-for-large-only, #stacks_in_1705_1 thead.show-for-large-up, #stacks_in_1705_1 thead.show-for-large, #stacks_in_1705_1 thead.show-for-large-down, #stacks_in_1705_1 thead.hide-for-xlarge-only, #stacks_in_1705_1 thead.hide-for-xlarge-up, #stacks_in_1705_1 thead.hide-for-xxlarge-only, #stacks_in_1705_1 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1705_1 tbody.hide-for-small-only, #stacks_in_1705_1 tbody.show-for-small-up, #stacks_in_1705_1 tbody.hide-for-small, #stacks_in_1705_1 tbody.hide-for-small-down, #stacks_in_1705_1 tbody.hide-for-medium-only, #stacks_in_1705_1 tbody.show-for-medium-up, #stacks_in_1705_1 tbody.hide-for-medium, #stacks_in_1705_1 tbody.hide-for-medium-down, #stacks_in_1705_1 tbody.show-for-large-only, #stacks_in_1705_1 tbody.show-for-large-up, #stacks_in_1705_1 tbody.show-for-large, #stacks_in_1705_1 tbody.show-for-large-down, #stacks_in_1705_1 tbody.hide-for-xlarge-only, #stacks_in_1705_1 tbody.hide-for-xlarge-up, #stacks_in_1705_1 tbody.hide-for-xxlarge-only, #stacks_in_1705_1 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1705_1 tr.hide-for-small-only, #stacks_in_1705_1 tr.show-for-small-up, #stacks_in_1705_1 tr.hide-for-small, #stacks_in_1705_1 tr.hide-for-small-down, #stacks_in_1705_1 tr.hide-for-medium-only, #stacks_in_1705_1 tr.show-for-medium-up, #stacks_in_1705_1 tr.hide-for-medium, #stacks_in_1705_1 tr.hide-for-medium-down, #stacks_in_1705_1 tr.show-for-large-only, #stacks_in_1705_1 tr.show-for-large-up, #stacks_in_1705_1 tr.show-for-large, #stacks_in_1705_1 tr.show-for-large-down, #stacks_in_1705_1 tr.hide-for-xlarge-only, #stacks_in_1705_1 tr.hide-for-xlarge-up, #stacks_in_1705_1 tr.hide-for-xxlarge-only, #stacks_in_1705_1 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_1705_1 th.hide-for-small-only, #stacks_in_1705_1 td.hide-for-small-only, #stacks_in_1705_1 th.show-for-small-up, #stacks_in_1705_1 td.show-for-small-up, #stacks_in_1705_1 th.hide-for-small, #stacks_in_1705_1 td.hide-for-small, #stacks_in_1705_1 th.hide-for-small-down, #stacks_in_1705_1 td.hide-for-small-down, #stacks_in_1705_1 th.hide-for-medium-only, #stacks_in_1705_1 td.hide-for-medium-only, #stacks_in_1705_1 th.show-for-medium-up, #stacks_in_1705_1 td.show-for-medium-up, #stacks_in_1705_1 th.hide-for-medium, #stacks_in_1705_1 td.hide-for-medium, #stacks_in_1705_1 th.hide-for-medium-down, #stacks_in_1705_1 td.hide-for-medium-down, #stacks_in_1705_1 th.show-for-large-only, #stacks_in_1705_1 td.show-for-large-only, #stacks_in_1705_1 th.show-for-large-up, #stacks_in_1705_1 td.show-for-large-up, #stacks_in_1705_1 th.show-for-large, #stacks_in_1705_1 td.show-for-large, #stacks_in_1705_1 th.show-for-large-down, #stacks_in_1705_1 td.show-for-large-down, #stacks_in_1705_1 th.hide-for-xlarge-only, #stacks_in_1705_1 td.hide-for-xlarge-only, #stacks_in_1705_1 th.hide-for-xlarge-up, #stacks_in_1705_1 td.hide-for-xlarge-up, #stacks_in_1705_1 th.hide-for-xxlarge-only, #stacks_in_1705_1 td.hide-for-xxlarge-only, #stacks_in_1705_1 th.hide-for-xxlarge-up, #stacks_in_1705_1 td.hide-for-xxlarge-up { display: table-cell !important; } } /* xlarge displays */ @media only screen and (min-width: 90.063em) { #stacks_in_1705_1 .hide-for-small-only, #stacks_in_1705_1 .show-for-small-up, #stacks_in_1705_1 .hide-for-small, #stacks_in_1705_1 .hide-for-small-down, #stacks_in_1705_1 .hide-for-medium-only, #stacks_in_1705_1 .show-for-medium-up, #stacks_in_1705_1 .hide-for-medium, #stacks_in_1705_1 .hide-for-medium-down, #stacks_in_1705_1 .hide-for-large-only, #stacks_in_1705_1 .show-for-large-up, #stacks_in_1705_1 .hide-for-large, #stacks_in_1705_1 .hide-for-large-down, #stacks_in_1705_1 .show-for-xlarge-only, #stacks_in_1705_1 .show-for-xlarge-up, #stacks_in_1705_1 .hide-for-xxlarge-only, #stacks_in_1705_1 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_1705_1 .show-for-small-only, #stacks_in_1705_1 .hide-for-small-up, #stacks_in_1705_1 .show-for-small, #stacks_in_1705_1 .show-for-small-down, #stacks_in_1705_1 .show-for-medium-only, #stacks_in_1705_1 .hide-for-medium-up, #stacks_in_1705_1 .show-for-medium, #stacks_in_1705_1 .show-for-medium-down, #stacks_in_1705_1 .show-for-large-only, #stacks_in_1705_1 .hide-for-large-up, #stacks_in_1705_1 .show-for-large, #stacks_in_1705_1 .show-for-large-down, #stacks_in_1705_1 .hide-for-xlarge-only, #stacks_in_1705_1 .hide-for-xlarge-up, #stacks_in_1705_1 .show-for-xxlarge-only, #stacks_in_1705_1 .show-for-xxlarge-up { display: none !important; } #stacks_in_1705_1 .hidden-for-small-only, #stacks_in_1705_1 .visible-for-small-up, #stacks_in_1705_1 .hidden-for-small, #stacks_in_1705_1 .hidden-for-small-down, #stacks_in_1705_1 .hidden-for-medium-only, #stacks_in_1705_1 .visible-for-medium-up, #stacks_in_1705_1 .hidden-for-medium, #stacks_in_1705_1 .hidden-for-medium-down, #stacks_in_1705_1 .hidden-for-large-only, #stacks_in_1705_1 .visible-for-large-up, #stacks_in_1705_1 .hidden-for-large, #stacks_in_1705_1 .hidden-for-large-down, #stacks_in_1705_1 .visible-for-xlarge-only, #stacks_in_1705_1 .visible-for-xlarge-up, #stacks_in_1705_1 .hidden-for-xxlarge-only, #stacks_in_1705_1 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1705_1 .visible-for-small-only, #stacks_in_1705_1 .hidden-for-small-up, #stacks_in_1705_1 .visible-for-small, #stacks_in_1705_1 .visible-for-small-down, #stacks_in_1705_1 .visible-for-medium-only, #stacks_in_1705_1 .hidden-for-medium-up, #stacks_in_1705_1 .visible-for-medium, #stacks_in_1705_1 .visible-for-medium-down, #stacks_in_1705_1 .visible-for-large-only, #stacks_in_1705_1 .hidden-for-large-up, #stacks_in_1705_1 .visible-for-large, #stacks_in_1705_1 .visible-for-large-down, #stacks_in_1705_1 .hidden-for-xlarge-only, #stacks_in_1705_1 .hidden-for-xlarge-up, #stacks_in_1705_1 .visible-for-xxlarge-only, #stacks_in_1705_1 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1705_1 table.hide-for-small-only, #stacks_in_1705_1 table.show-for-small-up, #stacks_in_1705_1 table.hide-for-small, #stacks_in_1705_1 table.hide-for-small-down, #stacks_in_1705_1 table.hide-for-medium-only, #stacks_in_1705_1 table.show-for-medium-up, #stacks_in_1705_1 table.hide-for-medium, #stacks_in_1705_1 table.hide-for-medium-down, #stacks_in_1705_1 table.hide-for-large-only, #stacks_in_1705_1 table.show-for-large-up, #stacks_in_1705_1 table.hide-for-large, #stacks_in_1705_1 table.hide-for-large-down, #stacks_in_1705_1 table.show-for-xlarge-only, #stacks_in_1705_1 table.show-for-xlarge-up, #stacks_in_1705_1 table.hide-for-xxlarge-only, #stacks_in_1705_1 table.hide-for-xxlarge-up { display: table; } #stacks_in_1705_1 thead.hide-for-small-only, #stacks_in_1705_1 thead.show-for-small-up, #stacks_in_1705_1 thead.hide-for-small, #stacks_in_1705_1 thead.hide-for-small-down, #stacks_in_1705_1 thead.hide-for-medium-only, #stacks_in_1705_1 thead.show-for-medium-up, #stacks_in_1705_1 thead.hide-for-medium, #stacks_in_1705_1 thead.hide-for-medium-down, #stacks_in_1705_1 thead.hide-for-large-only, #stacks_in_1705_1 thead.show-for-large-up, #stacks_in_1705_1 thead.hide-for-large, #stacks_in_1705_1 thead.hide-for-large-down, #stacks_in_1705_1 thead.show-for-xlarge-only, #stacks_in_1705_1 thead.show-for-xlarge-up, #stacks_in_1705_1 thead.hide-for-xxlarge-only, #stacks_in_1705_1 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1705_1 tbody.hide-for-small-only, #stacks_in_1705_1 tbody.show-for-small-up, #stacks_in_1705_1 tbody.hide-for-small, #stacks_in_1705_1 tbody.hide-for-small-down, #stacks_in_1705_1 tbody.hide-for-medium-only, #stacks_in_1705_1 tbody.show-for-medium-up, #stacks_in_1705_1 tbody.hide-for-medium, #stacks_in_1705_1 tbody.hide-for-medium-down, #stacks_in_1705_1 tbody.hide-for-large-only, #stacks_in_1705_1 tbody.show-for-large-up, #stacks_in_1705_1 tbody.hide-for-large, #stacks_in_1705_1 tbody.hide-for-large-down, #stacks_in_1705_1 tbody.show-for-xlarge-only, #stacks_in_1705_1 tbody.show-for-xlarge-up, #stacks_in_1705_1 tbody.hide-for-xxlarge-only, #stacks_in_1705_1 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1705_1 tr.hide-for-small-only, #stacks_in_1705_1 tr.show-for-small-up, #stacks_in_1705_1 tr.hide-for-small, #stacks_in_1705_1 tr.hide-for-small-down, #stacks_in_1705_1 tr.hide-for-medium-only, #stacks_in_1705_1 tr.show-for-medium-up, #stacks_in_1705_1 tr.hide-for-medium, #stacks_in_1705_1 tr.hide-for-medium-down, #stacks_in_1705_1 tr.hide-for-large-only, #stacks_in_1705_1 tr.show-for-large-up, #stacks_in_1705_1 tr.hide-for-large, #stacks_in_1705_1 tr.hide-for-large-down, #stacks_in_1705_1 tr.show-for-xlarge-only, #stacks_in_1705_1 tr.show-for-xlarge-up, #stacks_in_1705_1 tr.hide-for-xxlarge-only, #stacks_in_1705_1 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_1705_1 th.hide-for-small-only, #stacks_in_1705_1 td.hide-for-small-only, #stacks_in_1705_1 th.show-for-small-up, #stacks_in_1705_1 td.show-for-small-up, #stacks_in_1705_1 th.hide-for-small, #stacks_in_1705_1 td.hide-for-small, #stacks_in_1705_1 th.hide-for-small-down, #stacks_in_1705_1 td.hide-for-small-down, #stacks_in_1705_1 th.hide-for-medium-only, #stacks_in_1705_1 td.hide-for-medium-only, #stacks_in_1705_1 th.show-for-medium-up, #stacks_in_1705_1 td.show-for-medium-up, #stacks_in_1705_1 th.hide-for-medium, #stacks_in_1705_1 td.hide-for-medium, #stacks_in_1705_1 th.hide-for-medium-down, #stacks_in_1705_1 td.hide-for-medium-down, #stacks_in_1705_1 th.hide-for-large-only, #stacks_in_1705_1 td.hide-for-large-only, #stacks_in_1705_1 th.show-for-large-up, #stacks_in_1705_1 td.show-for-large-up, #stacks_in_1705_1 th.hide-for-large, #stacks_in_1705_1 td.hide-for-large, #stacks_in_1705_1 th.hide-for-large-down, #stacks_in_1705_1 td.hide-for-large-down, #stacks_in_1705_1 th.show-for-xlarge-only, #stacks_in_1705_1 td.show-for-xlarge-only, #stacks_in_1705_1 th.show-for-xlarge-up, #stacks_in_1705_1 td.show-for-xlarge-up, #stacks_in_1705_1 th.hide-for-xxlarge-only, #stacks_in_1705_1 td.hide-for-xxlarge-only, #stacks_in_1705_1 th.hide-for-xxlarge-up, #stacks_in_1705_1 td.hide-for-xxlarge-up { display: table-cell !important; } } /* xxlarge displays */ @media only screen and (min-width: 120.063em) { #stacks_in_1705_1 .hide-for-small-only, #stacks_in_1705_1 .show-for-small-up, #stacks_in_1705_1 .hide-for-small, #stacks_in_1705_1 .hide-for-small-down, #stacks_in_1705_1 .hide-for-medium-only, #stacks_in_1705_1 .show-for-medium-up, #stacks_in_1705_1 .hide-for-medium, #stacks_in_1705_1 .hide-for-medium-down, #stacks_in_1705_1 .hide-for-large-only, #stacks_in_1705_1 .show-for-large-up, #stacks_in_1705_1 .hide-for-large, #stacks_in_1705_1 .hide-for-large-down, #stacks_in_1705_1 .hide-for-xlarge-only, #stacks_in_1705_1 .show-for-xlarge-up, #stacks_in_1705_1 .show-for-xxlarge-only, #stacks_in_1705_1 .show-for-xxlarge-up { display: inherit !important; } #stacks_in_1705_1 .show-for-small-only, #stacks_in_1705_1 .hide-for-small-up, #stacks_in_1705_1 .show-for-small, #stacks_in_1705_1 .show-for-small-down, #stacks_in_1705_1 .show-for-medium-only, #stacks_in_1705_1 .hide-for-medium-up, #stacks_in_1705_1 .show-for-medium, #stacks_in_1705_1 .show-for-medium-down, #stacks_in_1705_1 .show-for-large-only, #stacks_in_1705_1 .hide-for-large-up, #stacks_in_1705_1 .show-for-large, #stacks_in_1705_1 .show-for-large-down, #stacks_in_1705_1 .show-for-xlarge-only, #stacks_in_1705_1 .hide-for-xlarge-up, #stacks_in_1705_1 .hide-for-xxlarge-only, #stacks_in_1705_1 .hide-for-xxlarge-up { display: none !important; } #stacks_in_1705_1 .hidden-for-small-only, #stacks_in_1705_1 .visible-for-small-up, #stacks_in_1705_1 .hidden-for-small, #stacks_in_1705_1 .hidden-for-small-down, #stacks_in_1705_1 .hidden-for-medium-only, #stacks_in_1705_1 .visible-for-medium-up, #stacks_in_1705_1 .hidden-for-medium, #stacks_in_1705_1 .hidden-for-medium-down, #stacks_in_1705_1 .hidden-for-large-only, #stacks_in_1705_1 .visible-for-large-up, #stacks_in_1705_1 .hidden-for-large, #stacks_in_1705_1 .hidden-for-large-down, #stacks_in_1705_1 .hidden-for-xlarge-only, #stacks_in_1705_1 .visible-for-xlarge-up, #stacks_in_1705_1 .visible-for-xxlarge-only, #stacks_in_1705_1 .visible-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1705_1 .visible-for-small-only, #stacks_in_1705_1 .hidden-for-small-up, #stacks_in_1705_1 .visible-for-small, #stacks_in_1705_1 .visible-for-small-down, #stacks_in_1705_1 .visible-for-medium-only, #stacks_in_1705_1 .hidden-for-medium-up, #stacks_in_1705_1 .visible-for-medium, #stacks_in_1705_1 .visible-for-medium-down, #stacks_in_1705_1 .visible-for-large-only, #stacks_in_1705_1 .hidden-for-large-up, #stacks_in_1705_1 .visible-for-large, #stacks_in_1705_1 .visible-for-large-down, #stacks_in_1705_1 .visible-for-xlarge-only, #stacks_in_1705_1 .hidden-for-xlarge-up, #stacks_in_1705_1 .hidden-for-xxlarge-only, #stacks_in_1705_1 .hidden-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1705_1 table.hide-for-small-only, #stacks_in_1705_1 table.show-for-small-up, #stacks_in_1705_1 table.hide-for-small, #stacks_in_1705_1 table.hide-for-small-down, #stacks_in_1705_1 table.hide-for-medium-only, #stacks_in_1705_1 table.show-for-medium-up, #stacks_in_1705_1 table.hide-for-medium, #stacks_in_1705_1 table.hide-for-medium-down, #stacks_in_1705_1 table.hide-for-large-only, #stacks_in_1705_1 table.show-for-large-up, #stacks_in_1705_1 table.hide-for-large, #stacks_in_1705_1 table.hide-for-large-down, #stacks_in_1705_1 table.hide-for-xlarge-only, #stacks_in_1705_1 table.show-for-xlarge-up, #stacks_in_1705_1 table.show-for-xxlarge-only, #stacks_in_1705_1 table.show-for-xxlarge-up { display: table; } #stacks_in_1705_1 thead.hide-for-small-only, #stacks_in_1705_1 thead.show-for-small-up, #stacks_in_1705_1 thead.hide-for-small, #stacks_in_1705_1 thead.hide-for-small-down, #stacks_in_1705_1 thead.hide-for-medium-only, #stacks_in_1705_1 thead.show-for-medium-up, #stacks_in_1705_1 thead.hide-for-medium, #stacks_in_1705_1 thead.hide-for-medium-down, #stacks_in_1705_1 thead.hide-for-large-only, #stacks_in_1705_1 thead.show-for-large-up, #stacks_in_1705_1 thead.hide-for-large, #stacks_in_1705_1 thead.hide-for-large-down, #stacks_in_1705_1 thead.hide-for-xlarge-only, #stacks_in_1705_1 thead.show-for-xlarge-up, #stacks_in_1705_1 thead.show-for-xxlarge-only, #stacks_in_1705_1 thead.show-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1705_1 tbody.hide-for-small-only, #stacks_in_1705_1 tbody.show-for-small-up, #stacks_in_1705_1 tbody.hide-for-small, #stacks_in_1705_1 tbody.hide-for-small-down, #stacks_in_1705_1 tbody.hide-for-medium-only, #stacks_in_1705_1 tbody.show-for-medium-up, #stacks_in_1705_1 tbody.hide-for-medium, #stacks_in_1705_1 tbody.hide-for-medium-down, #stacks_in_1705_1 tbody.hide-for-large-only, #stacks_in_1705_1 tbody.show-for-large-up, #stacks_in_1705_1 tbody.hide-for-large, #stacks_in_1705_1 tbody.hide-for-large-down, #stacks_in_1705_1 tbody.hide-for-xlarge-only, #stacks_in_1705_1 tbody.show-for-xlarge-up, #stacks_in_1705_1 tbody.show-for-xxlarge-only, #stacks_in_1705_1 tbody.show-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1705_1 tr.hide-for-small-only, #stacks_in_1705_1 tr.show-for-small-up, #stacks_in_1705_1 tr.hide-for-small, #stacks_in_1705_1 tr.hide-for-small-down, #stacks_in_1705_1 tr.hide-for-medium-only, #stacks_in_1705_1 tr.show-for-medium-up, #stacks_in_1705_1 tr.hide-for-medium, #stacks_in_1705_1 tr.hide-for-medium-down, #stacks_in_1705_1 tr.hide-for-large-only, #stacks_in_1705_1 tr.show-for-large-up, #stacks_in_1705_1 tr.hide-for-large, #stacks_in_1705_1 tr.hide-for-large-down, #stacks_in_1705_1 tr.hide-for-xlarge-only, #stacks_in_1705_1 tr.show-for-xlarge-up, #stacks_in_1705_1 tr.show-for-xxlarge-only, #stacks_in_1705_1 tr.show-for-xxlarge-up { display: table-row !important; } #stacks_in_1705_1 th.hide-for-small-only, #stacks_in_1705_1 td.hide-for-small-only, #stacks_in_1705_1 th.show-for-small-up, #stacks_in_1705_1 td.show-for-small-up, #stacks_in_1705_1 th.hide-for-small, #stacks_in_1705_1 td.hide-for-small, #stacks_in_1705_1 th.hide-for-small-down, #stacks_in_1705_1 td.hide-for-small-down, #stacks_in_1705_1 th.hide-for-medium-only, #stacks_in_1705_1 td.hide-for-medium-only, #stacks_in_1705_1 th.show-for-medium-up, #stacks_in_1705_1 td.show-for-medium-up, #stacks_in_1705_1 th.hide-for-medium, #stacks_in_1705_1 td.hide-for-medium, #stacks_in_1705_1 th.hide-for-medium-down, #stacks_in_1705_1 td.hide-for-medium-down, #stacks_in_1705_1 th.hide-for-large-only, #stacks_in_1705_1 td.hide-for-large-only, #stacks_in_1705_1 th.show-for-large-up, #stacks_in_1705_1 td.show-for-large-up, #stacks_in_1705_1 th.hide-for-large, #stacks_in_1705_1 td.hide-for-large, #stacks_in_1705_1 th.hide-for-large-down, #stacks_in_1705_1 td.hide-for-large-down, #stacks_in_1705_1 th.hide-for-xlarge-only, #stacks_in_1705_1 td.hide-for-xlarge-only, #stacks_in_1705_1 th.show-for-xlarge-up, #stacks_in_1705_1 td.show-for-xlarge-up, #stacks_in_1705_1 th.show-for-xxlarge-only, #stacks_in_1705_1 td.show-for-xxlarge-only, #stacks_in_1705_1 th.show-for-xxlarge-up, #stacks_in_1705_1 td.show-for-xxlarge-up { display: table-cell !important; } } /* Orientation targeting */ .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } /* Specific visibility for tables */ #stacks_in_1705_1 table.hide-for-landscape, #stacks_in_1705_1 table.show-for-portrait { display: table; } #stacks_in_1705_1 thead.hide-for-landscape, #stacks_in_1705_1 thead.show-for-portrait { display: table-header-group !important; } #stacks_in_1705_1 tbody.hide-for-landscape, #stacks_in_1705_1 tbody.show-for-portrait { display: table-row-group !important; } #stacks_in_1705_1 tr.hide-for-landscape, #stacks_in_1705_1 tr.show-for-portrait { display: table-row !important; } #stacks_in_1705_1 td.hide-for-landscape, #stacks_in_1705_1 td.show-for-portrait, #stacks_in_1705_1 th.hide-for-landscape, #stacks_in_1705_1 th.show-for-portrait { display: table-cell !important; } @media only screen and (orientation: landscape) { #stacks_in_1705_1 .show-for-landscape, #stacks_in_1705_1 .hide-for-portrait { display: inherit !important; } #stacks_in_1705_1 .hide-for-landscape, #stacks_in_1705_1 .show-for-portrait { display: none !important; } /* Specific visibility for tables */ #stacks_in_1705_1 table.show-for-landscape, #stacks_in_1705_1 table.hide-for-portrait { display: table; } #stacks_in_1705_1 thead.show-for-landscape, #stacks_in_1705_1 thead.hide-for-portrait { display: table-header-group !important; } #stacks_in_1705_1 tbody.show-for-landscape, #stacks_in_1705_1 tbody.hide-for-portrait { display: table-row-group !important; } #stacks_in_1705_1 tr.show-for-landscape, #stacks_in_1705_1 tr.hide-for-portrait { display: table-row !important; } #stacks_in_1705_1 td.show-for-landscape, #stacks_in_1705_1 td.hide-for-portrait, #stacks_in_1705_1 th.show-for-landscape, #stacks_in_1705_1 th.hide-for-portrait { display: table-cell !important; } } @media only screen and (orientation: portrait) { #stacks_in_1705_1 .show-for-portrait, #stacks_in_1705_1 .hide-for-landscape { display: inherit !important; } #stacks_in_1705_1 .hide-for-portrait, #stacks_in_1705_1 .show-for-landscape { display: none !important; } /* Specific visibility for tables */ #stacks_in_1705_1 table.show-for-portrait, #stacks_in_1705_1 table.hide-for-landscape { display: table; } #stacks_in_1705_1 thead.show-for-portrait, #stacks_in_1705_1 thead.hide-for-landscape { display: table-header-group !important; } #stacks_in_1705_1 tbody.show-for-portrait, #stacks_in_1705_1 tbody.hide-for-landscape { display: table-row-group !important; } #stacks_in_1705_1 tr.show-for-portrait, #stacks_in_1705_1 tr.hide-for-landscape { display: table-row !important; } #stacks_in_1705_1 td.show-for-portrait, #stacks_in_1705_1 td.hide-for-landscape, #stacks_in_1705_1 th.show-for-portrait, #stacks_in_1705_1 th.hide-for-landscape { display: table-cell !important; } } /* Touch-enabled device targeting */ .show-for-touch { display: none !important; } .hide-for-touch { display: inherit !important; } .touch #stacks_in_1705_1 .show-for-touch { display: inherit !important; } .touch #stacks_in_1705_1 .hide-for-touch { display: none !important; } /* Specific visibility for tables */ #stacks_in_1705_1 table.hide-for-touch { display: table; } .touch #stacks_in_1705_1 table.show-for-touch { display: table; } #stacks_in_1705_1 thead.hide-for-touch { display: table-header-group !important; } .touch #stacks_in_1705_1 thead.show-for-touch { display: table-header-group !important; } #stacks_in_1705_1 tbody.hide-for-touch { display: table-row-group !important; } .touch #stacks_in_1705_1 tbody.show-for-touch { display: table-row-group !important; } #stacks_in_1705_1 tr.hide-for-touch { display: table-row !important; } .touch #stacks_in_1705_1 tr.show-for-touch { display: table-row !important; } #stacks_in_1705_1 td.hide-for-touch { display: table-cell !important; } .touch #stacks_in_1705_1 td.show-for-touch { display: table-cell !important; } #stacks_in_1705_1 th.hide-for-touch { display: table-cell !important; } .touch #stacks_in_1705_1 th.show-for-touch { display: table-cell !important; } /* Print visibility */ @media print { #stacks_in_1705_1 .show-for-print { display: block; } #stacks_in_1705_1 .hide-for-print { display: none; } #stacks_in_1705_1 table.show-for-print { display: table; } #stacks_in_1705_1 thead.show-for-print { display: table-header-group !important; } #stacks_in_1705_1 tbody.show-for-print { display: table-row-group !important; } #stacks_in_1705_1 tr.show-for-print { display: table-row !important; } #stacks_in_1705_1 td.show-for-print { display: table-cell !important; } #stacks_in_1705_1 th.show-for-print { display: table-cell !important; } } /* -------------------------------- Primary style -------------------------------- */ body.overflow-hidden { /* used when modal is visible */ overflow: hidden; } body.overflow-hidden .cd-modal { display: block !important; } /* -------------------------------- Main Components -------------------------------- */ #stacks_in_1705_2 .cd-section { text-align: center; position: relative; } #stacks_in_1705_2 .cd-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; pointer-events: none; -webkit-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; -moz-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; } #stacks_in_1705_2 .cd-modal .cd-modal-content { box-sizing: border-box; height: 100%; width: 100%; padding: 3em 5%; color: #FFFFFF; text-align: left; overflow-y: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_1705_2 .cd-modal-content a, #stacks_in_1705_2 .cd-modal-content a:visited { color: #DE425A; } #stacks_in_1705_2 .cd-modal-content a:hover, #stacks_in_1705_2 .cd-modal-content a:active { color: #B13448; } #stacks_in_1705_2 .modal-is-visible .cd-modal { z-index: 300000 !important; visibility: visible; opacity: 1; pointer-events: auto; -webkit-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; -moz-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; } #stacks_in_1705_2 .modal-is-visible .cd-modal .cd-modal-content { -webkit-overflow-scrolling: touch; } @media only screen and (min-width: 768px) { #stacks_in_1705_2 .cd-modal .cd-modal-content { padding: 4em 10%; } } @media only screen and (min-width: 1170px) { #stacks_in_1705_2 .cd-modal .cd-modal-content { padding: 6em 20%; } } #stacks_in_1705_2 .cd-modal-action { position: relative; } #stacks_in_1705_2 .cd-modal-action .modal_btn, #stacks_in_1705_2 .cd-modal-action .cd-modal-bg { display: inline-block; height: 2.5em; background-color: #336699; } #stacks_in_1705_2 .modal_btn, #stacks_in_1705_2 .cd-modal-close { text-decoration: none !important; border: none !important; } #stacks_in_1705_2 .cd-modal-action .modal_btn { border-radius: 5em; color: #ffffff; line-height: 2.5em; white-space: nowrap; font-weight: 700; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: color 0.2s 0.3s, width 0.3s 0s; -moz-transition: color 0.2s 0.3s, width 0.3s 0s; transition: color 0.2s 0.3s, width 0.3s 0s; overflow: hidden; } @media only screen { #stacks_in_1705_2 .cd-modal-action .modal_btn { width: 225px; } } @media only screen and (max-width: 720px) { #stacks_in_1705_2 .cd-modal-action .modal_btn { width: 100%; } } @media only screen and (max-width: 480px) { #stacks_in_1705_2 .cd-modal-action .modal_btn { width: 100%; } } #stacks_in_1705_2 .cd-modal-action .modal_btn i { margin-right: 6px; } #stacks_in_1705_2 .cd-modal-action .modal_btn.to-circle { width: 2.5em; color: transparent !important; -webkit-transition: color 0.2s 0s, width 0.3s 0.2s; -moz-transition: color 0.2s 0s, width 0.3s 0.2s; transition: color 0.2s 0s, width 0.3s 0.2s; } #stacks_in_1705_2 .cd-modal-action .cd-modal-bg { position: absolute; z-index: 300000 !important; left: 50%; top: 0; width: 2.5em; border-radius: 50%; opacity: 0; visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateX(-2em); -moz-transform: translateX(-2em); -ms-transform: translateX(-2em); -o-transform: translateX(-2em); transform: translateX(-2em); -webkit-transition: visibility 0s 0.5s; -moz-transition: visibility 0s 0.5s; transition: visibility 0s 0.5s; } #stacks_in_1705_2 .cd-modal-action .cd-modal-bg.is-visible { opacity: 1; visibility: visible; } #stacks_in_1705_2 .cd-modal-close { position: fixed; z-index: 9999999 !important; top: 20px; right: 20px; display: block; height: 50px; width: 50px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.3); background-image: url(../files/cd-icon-close.png); background-repeat: no-repeat; background-position: center center; /* image replacement */ overflow: hidden; text-indent: 100%; white-space: nowrap; visibility: hidden; opacity: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; transition: transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; } #stacks_in_1705_2 .no-touch .cd-modal-close:hover { background-color: rgba(0, 0, 0, 0.5); } #stacks_in_1705_2 .modal-is-visible .cd-modal-close { visibility: visible; opacity: 1; -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; transition: transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } @media only screen and (min-width: 768px) { #stacks_in_1705_2 .cd-modal-close { top: 40px; right: 40px; } } #stacks_in_1705_2 .cd-modal-action a, #stacks_in_1705_2 .cd-modal-action a:visited, #stacks_in_1705_2 .cd-modal-action a:hover, #stacks_in_1705_2 .cd-modal-action a:active { color: #FFFFFF !important; text-decoration: none; } /* Font Selections */ #stacks_in_1705_2 .cd-modal-action .modal_btn { } #stacks_in_1705_2 { margin: 10px 0px 10px 0px; } #stacks_out_1705_2 { width: 48%; margin-left:0; } /* Start Print This 2 stack CSS code */ .stacks_in_1705_3PrintThisOuter{ background-color: #FFFFFF; padding: 15px; border: 1px dashed #CCCCCC; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .stacks_in_1705_3PrintThis2{ position: relative; } @font-face { font-family: "doo_fontsregular"; src: url('../files/printthis2Assets/font/doo_print-webfont.eot'); src: url('../files/printthis2Assets/font/doo_print-webfont.eot?#iefix') format('eot'), url('../files/printthis2Assets/font/doo_print-webfont.woff') format('woff'), url('../files/printthis2Assets/font/doo_print-webfont.ttf') format('truetype'), url('../files/printthis2Assets/font/doo_print-webfont.svg#doo_fontsregular') format('svg'); font-weight: normal; font-style: normal; } .stacks_in_1705_3PrintThisButton{ float: right; font-family: "doo_fontsregular"; font-size: 24px; line-height: 24px; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; color: #000000; cursor:pointer; } .stacks_in_1705_3PrintThisButton:hover{ color: #3C3C3C; } .stacks_in_1705_3clearer{ clear: both; height: 1px; padding: 0; margin: 0; } /* End Print This 2 stack CSS code */ #stacks_in_1705_7 h1,#stacks_in_1705_7 h1 a,#stacks_in_1705_7 p,#stacks_in_1705_7 p a{ font-size:15px; line-height:1.39em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_1705_7 h1,#stacks_in_1705_7 h1 a,#stacks_in_1705_7 p,#stacks_in_1705_7 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_1705_7 h1,#stacks_in_1705_7 h1 a,#stacks_in_1705_7 p,#stacks_in_1705_7 p a{ font-size:12px; } } #stacks_in_1705_7 h1,#stacks_in_1705_7 h1 a,#stacks_in_1705_7 p,#stacks_in_1705_7 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_1705_7 p a:hover, #stacks_in_1705_7 h1 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_out_1705_7 { margin-right:0; } #stacks_in_1706 h3,#stacks_in_1706 h3 a,#stacks_in_1706 p,#stacks_in_1706 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_1706 h3,#stacks_in_1706 h3 a,#stacks_in_1706 p,#stacks_in_1706 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_1706 h3,#stacks_in_1706 h3 a,#stacks_in_1706 p,#stacks_in_1706 p a{ font-size:13px; } } #stacks_in_1706 h3,#stacks_in_1706 h3 a,#stacks_in_1706 p,#stacks_in_1706 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_1706 p a:hover, #stacks_in_1706 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_1706 { margin: 10px; } #stacks_out_1706 { margin-right:0; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_1708, #stacks_in_1708 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_1708 { padding: 20px 0px !important; } #press_alignment_stacks_in_1708 { width: 100%; } #press_alignment_stacks_in_1708.press-left { text-align: left; } #press_alignment_stacks_in_1708.press-center { text-align: center; } #press_alignment_stacks_in_1708.press-right { text-align: right; } #stacks_in_1708 { transition: all 200ms ease; /* */ /* */ /* */ background: #CCCCCC; background: -webkit-gradient(linear, left top, left bottom, from(to bottom), color-stop(#CCCCCC), to(#ACACAC)); background: linear-gradient(to bottom, #CCCCCC, #ACACAC); /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(0, 0, 0, 1.00); margin: 20px 0px 20px 20px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_1708:hover { /* */ /* */ /* */ background: rgba(255, 255, 255, 0.75); /* */ /* */ /* */ /* */ /* */ /* */ /* */ } #stacks_in_1708:hover .press-icon i { /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_1708:active { /* */ /* */ /* */ /* */ } #stacks_in_1708:active .press-icon i { /* */ } #stacks_in_1708 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 10px 20px 10px 20px; border-radius: 0px 0px 0px 0px; /* */ /* */ /* */ background: #CCCCCC; background: -webkit-gradient(linear, left top, left bottom, from(to right), color-stop(#CCCCCC), to(#999999)); background: linear-gradient(to right, #CCCCCC, #999999); /* */ /* */ /* */ /* */ margin-right: 0px; /* */ /* */ /* */ } #stacks_in_1708 .press-icon i { font-size: 17px; color: rgba(0, 0, 0, 1.00); vertical-align: middle; } #stacks_in_1708 .press-text { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; padding: 5px 14px 5px 14px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 20px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_1708 .press-text .out { margin: 0 !important; } #stacks_in_1708 { font-size: 14px; line-height: 20px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } #flex-item-stacks_in_8126 .flex-grid-item-stacks_in_7548 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_8126 .flex-grid-item-stacks_in_7548 .flex-item-content-stacks_in_7548 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_8126 .flex-grid-item-stacks_in_7548 .flex-item-content-stacks_in_7548 .flex-item-content-inner-stacks_in_7548 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8126 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_8126 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8126 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8126 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8126.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8126.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8126.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-title { color: rgba(255, 255, 255, 1.00); } /* Start Print This 2 stack CSS code */ .stacks_in_1618PrintThisOuter{ background-color: #FFFFFF; padding: 15px; border: 1px dashed #CCCCCC; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .stacks_in_1618PrintThis2{ position: relative; } @font-face { font-family: "doo_fontsregular"; src: url('../files/printthis2Assets/font/doo_print-webfont.eot'); src: url('../files/printthis2Assets/font/doo_print-webfont.eot?#iefix') format('eot'), url('../files/printthis2Assets/font/doo_print-webfont.woff') format('woff'), url('../files/printthis2Assets/font/doo_print-webfont.ttf') format('truetype'), url('../files/printthis2Assets/font/doo_print-webfont.svg#doo_fontsregular') format('svg'); font-weight: normal; font-style: normal; } .stacks_in_1618PrintThisButton{ float: right; font-family: "doo_fontsregular"; font-size: 24px; line-height: 24px; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; color: #000000; cursor:pointer; } .stacks_in_1618PrintThisButton:hover{ color: #3C3C3C; } .stacks_in_1618clearer{ clear: both; height: 1px; padding: 0; margin: 0; } /* End Print This 2 stack CSS code */ #stacks_in_1619 h1,#stacks_in_1619 h1 a,#stacks_in_1619 p,#stacks_in_1619 p a{ font-size:19px; line-height:1.69em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_1619 h1,#stacks_in_1619 h1 a,#stacks_in_1619 p,#stacks_in_1619 p a{ font-size:18px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_1619 h1,#stacks_in_1619 h1 a,#stacks_in_1619 p,#stacks_in_1619 p a{ font-size:15px; } } #stacks_in_1619 h1,#stacks_in_1619 h1 a,#stacks_in_1619 p,#stacks_in_1619 p a{ color:rgba(51, 51, 51, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:center; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_1619 p a:hover, #stacks_in_1619 h1 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_1619 { margin: 0px 0px 10px 0px; padding: 9px; } #stacks_out_1619 { margin-right:0; } #stacks_in_1621 h4,#stacks_in_1621 h4 a,#stacks_in_1621 p,#stacks_in_1621 p a{ font-size:17px; line-height:1.68em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_1621 h4,#stacks_in_1621 h4 a,#stacks_in_1621 p,#stacks_in_1621 p a{ font-size:16px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_1621 h4,#stacks_in_1621 h4 a,#stacks_in_1621 p,#stacks_in_1621 p a{ font-size:14px; } } #stacks_in_1621 h4,#stacks_in_1621 h4 a,#stacks_in_1621 p,#stacks_in_1621 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:right; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_1621 p a:hover, #stacks_in_1621 h4 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_1621 { margin: 11px; padding: 2px; } #stacks_in_1623 h1,#stacks_in_1623 h1 a,#stacks_in_1623 p,#stacks_in_1623 p a{ font-size:16px; line-height:1.39em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_1623 h1,#stacks_in_1623 h1 a,#stacks_in_1623 p,#stacks_in_1623 p a{ font-size:15px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_1623 h1,#stacks_in_1623 h1 a,#stacks_in_1623 p,#stacks_in_1623 p a{ font-size:13px; } } #stacks_in_1623 h1,#stacks_in_1623 h1 a,#stacks_in_1623 p,#stacks_in_1623 p a{ color:rgba(51, 51, 51, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_1623 p a:hover, #stacks_in_1623 h1 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_out_1623 { margin-right:0; } /* ********* */ /* Normalize */ /* ********* */ /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ #stacks_in_1625 article, #stacks_in_1625 aside, #stacks_in_1625 details, #stacks_in_1625 figcaption, #stacks_in_1625 figure, #stacks_in_1625 footer, #stacks_in_1625 header, #stacks_in_1625 hgroup, #stacks_in_1625 main, #stacks_in_1625 nav, #stacks_in_1625 section, #stacks_in_1625 summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ #stacks_in_1625 audio, #stacks_in_1625 canvas, #stacks_in_1625 progress, #stacks_in_1625 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ #stacks_in_1625 audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ #stacks_in_1625 [hidden], #stacks_in_1625 template { display: none; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ #stacks_in_1625 img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ #stacks_in_1625 svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address differences between Firefox and other browsers. */ #stacks_in_1625 hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ #stacks_in_1625 pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ #stacks_in_1625 code, #stacks_in_1625 kbd, #stacks_in_1625 pre, #stacks_in_1625 samp { font-family: monospace, monospace; font-size: 1em; } /* **************** */ /* Stack Specific */ /* **************** */ %[if ]% %[if edit]% #stacks_in_1625 { background-image: url(../files/images/preview_numbers_background.png), url(../files/images/preview_striped_background.png); background-repeat: no-repeat, repeat-y; background-size: 100%, 100%; background-position: center top, center 100px; border-radius: 4px; padding-top: 75px; padding-bottom: 25px; border: 1px solid #e9e9e9; } %[endif]% %[endif]% #stacks_in_1625 *, #stacks_in_1625 *:before, #stacks_in_1625 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } %[if !edit]% #stacks_in_1625 .wow { visibility: hidden; } %[endif]% #stacks_in_1625>ul li { padding-bottom: 0 !important; } /* iPhone aka SMALL */ @media only screen { #stacks_in_1625>ul>li { margin-bottom: px; } } %[if ]% /* iPad aka MEDIUM */ @media only screen and (min-width: 40.063em) { #stacks_in_1625>ul>li { margin-bottom: px; } } %[endif]% %[if ]% /* Desktop aka LARGE */ @media only screen and (min-width: 64.063em) { #stacks_in_1625>ul>li { margin-bottom: px; } } %[endif]% /* **************** */ /* Foundation START */ /* **************** */ /* Copyright (c) 2013-2014 ZURB, inc. MIT License 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. */ #stacks_in_1625 meta.foundation-version { font-family: "/5.3.1/"; } #stacks_in_1625 meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } #stacks_in_1625 meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } #stacks_in_1625 meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } #stacks_in_1625 meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } #stacks_in_1625 meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } #stacks_in_1625 meta.foundation-data-attribute-namespace { font-family: false; } #stacks_in_1625 *, #stacks_in_1625 *:before, #stacks_in_1625 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_1625 .left { float: left !important; } #stacks_in_1625 .right { float: right !important; } #stacks_in_1625 .clearfix:before, #stacks_in_1625 .clearfix:after { content: " "; display: table; } #stacks_in_1625 .clearfix:after { clear: both; } #stacks_in_1625 .hide { display: none; } #stacks_in_1625 .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_1625 img { display: inline-block; vertical-align: middle; } #stacks_in_1625 textarea { height: auto; min-height: 50px; } #stacks_in_1625 select { width: 100%; } #stacks_in_1625 .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } #stacks_in_1625 .row { max-width: 62.5em; } #stacks_in_1625 .row:before, #stacks_in_1625 .row:after { content: " "; display: table; } #stacks_in_1625 .row:after { clear: both; } #stacks_in_1625 .row.collapse > .column, #stacks_in_1625 .row.collapse > .columns { padding-left: 0; padding-right: 0; } #stacks_in_1625 .row.collapse .row { margin-left: 0; margin-right: 0; } #stacks_in_1625 .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; } #stacks_in_1625 .row .row:before, #stacks_in_1625 .row .row:after { content: " "; display: table; } #stacks_in_1625 .row .row:after { clear: both; } #stacks_in_1625 .row .row.collapse { width: auto; margin: 0; max-width: none; } #stacks_in_1625 .row .row.collapse:before, #stacks_in_1625 .row .row.collapse:after { content: " "; display: table; } #stacks_in_1625 .row .row.collapse:after { clear: both; } #stacks_in_1625 .column, #stacks_in_1625 .columns { padding-left: 0.9375em; padding-right: 0.9375em; width: 100%; float: left; } #stacks_in_1625 [class*="column"] + [class*="column"]:last-child { float: right; } #stacks_in_1625 [class*="column"] + [class*="column"].end { float: left; } @media only screen { #stacks_in_1625 .small-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1625 .small-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1625 .small-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1625 .small-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1625 .small-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1625 .small-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1625 .small-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1625 .small-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1625 .small-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1625 .small-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1625 .small-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1625 .small-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1625 .small-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1625 .small-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1625 .small-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1625 .small-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1625 .small-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1625 .small-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1625 .small-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1625 .small-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1625 .small-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1625 .small-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1625 .small-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1625 .small-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_1625 .column, #stacks_in_1625 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_1625 .small-1 { width: 8.33333%; } #stacks_in_1625 .small-2 { width: 16.66667%; } #stacks_in_1625 .small-3 { width: 25%; } #stacks_in_1625 .small-4 { width: 33.33333%; } #stacks_in_1625 .small-5 { width: 41.66667%; } #stacks_in_1625 .small-6 { width: 50%; } #stacks_in_1625 .small-7 { width: 58.33333%; } #stacks_in_1625 .small-8 { width: 66.66667%; } #stacks_in_1625 .small-9 { width: 75%; } #stacks_in_1625 .small-10 { width: 83.33333%; } #stacks_in_1625 .small-11 { width: 91.66667%; } #stacks_in_1625 .small-12 { width: 100%; } #stacks_in_1625 .small-offset-0 { margin-left: 0% !important; } #stacks_in_1625 .small-offset-1 { margin-left: 8.33333% !important; } #stacks_in_1625 .small-offset-2 { margin-left: 16.66667% !important; } #stacks_in_1625 .small-offset-3 { margin-left: 25% !important; } #stacks_in_1625 .small-offset-4 { margin-left: 33.33333% !important; } #stacks_in_1625 .small-offset-5 { margin-left: 41.66667% !important; } #stacks_in_1625 .small-offset-6 { margin-left: 50% !important; } #stacks_in_1625 .small-offset-7 { margin-left: 58.33333% !important; } #stacks_in_1625 .small-offset-8 { margin-left: 66.66667% !important; } #stacks_in_1625 .small-offset-9 { margin-left: 75% !important; } #stacks_in_1625 .small-offset-10 { margin-left: 83.33333% !important; } #stacks_in_1625 .small-offset-11 { margin-left: 91.66667% !important; } #stacks_in_1625 .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_1625 .column.small-centered, #stacks_in_1625 .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_1625 .column.small-uncentered, #stacks_in_1625 .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_1625 .column.small-centered:last-child, #stacks_in_1625 .columns.small-centered:last-child { float: none; } #stacks_in_1625 .column.small-uncentered:last-child, #stacks_in_1625 .columns.small-uncentered:last-child { float: left; } #stacks_in_1625 .column.small-uncentered.opposite, #stacks_in_1625 .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 40.063em) { #stacks_in_1625 .medium-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1625 .medium-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1625 .medium-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1625 .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1625 .medium-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1625 .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1625 .medium-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1625 .medium-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1625 .medium-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1625 .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1625 .medium-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1625 .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1625 .medium-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1625 .medium-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1625 .medium-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1625 .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1625 .medium-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1625 .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1625 .medium-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1625 .medium-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1625 .medium-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1625 .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1625 .medium-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1625 .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_1625 .column, #stacks_in_1625 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_1625 .medium-1 { width: 8.33333%; } #stacks_in_1625 .medium-2 { width: 16.66667%; } #stacks_in_1625 .medium-3 { width: 25%; } #stacks_in_1625 .medium-4 { width: 33.33333%; } #stacks_in_1625 .medium-5 { width: 41.66667%; } #stacks_in_1625 .medium-6 { width: 50%; } #stacks_in_1625 .medium-7 { width: 58.33333%; } #stacks_in_1625 .medium-8 { width: 66.66667%; } #stacks_in_1625 .medium-9 { width: 75%; } #stacks_in_1625 .medium-10 { width: 83.33333%; } #stacks_in_1625 .medium-11 { width: 91.66667%; } #stacks_in_1625 .medium-12 { width: 100%; } #stacks_in_1625 .medium-offset-0 { margin-left: 0% !important; } #stacks_in_1625 .medium-offset-1 { margin-left: 8.33333% !important; } #stacks_in_1625 .medium-offset-2 { margin-left: 16.66667% !important; } #stacks_in_1625 .medium-offset-3 { margin-left: 25% !important; } #stacks_in_1625 .medium-offset-4 { margin-left: 33.33333% !important; } #stacks_in_1625 .medium-offset-5 { margin-left: 41.66667% !important; } #stacks_in_1625 .medium-offset-6 { margin-left: 50% !important; } #stacks_in_1625 .medium-offset-7 { margin-left: 58.33333% !important; } #stacks_in_1625 .medium-offset-8 { margin-left: 66.66667% !important; } #stacks_in_1625 .medium-offset-9 { margin-left: 75% !important; } #stacks_in_1625 .medium-offset-10 { margin-left: 83.33333% !important; } #stacks_in_1625 .medium-offset-11 { margin-left: 91.66667% !important; } #stacks_in_1625 .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_1625 .column.medium-centered, #stacks_in_1625 .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_1625 .column.medium-uncentered, #stacks_in_1625 .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_1625 .column.medium-centered:last-child, #stacks_in_1625 .columns.medium-centered:last-child { float: none; } #stacks_in_1625 .column.medium-uncentered:last-child, #stacks_in_1625 .columns.medium-uncentered:last-child { float: left; } #stacks_in_1625 .column.medium-uncentered.opposite, #stacks_in_1625 .columns.medium-uncentered.opposite { float: right; } #stacks_in_1625 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1625 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1625 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1625 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1625 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1625 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1625 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1625 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1625 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1625 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1625 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1625 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1625 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1625 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1625 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1625 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1625 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1625 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1625 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1625 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1625 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1625 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1625 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1625 .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { #stacks_in_1625 .large-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1625 .large-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1625 .large-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1625 .large-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1625 .large-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1625 .large-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1625 .large-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1625 .large-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1625 .large-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1625 .large-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1625 .large-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1625 .large-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1625 .large-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1625 .large-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1625 .large-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1625 .large-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1625 .large-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1625 .large-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1625 .large-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1625 .large-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1625 .large-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1625 .large-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1625 .large-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1625 .large-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_1625 .column, #stacks_in_1625 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_1625 .large-1 { width: 8.33333%; } #stacks_in_1625 .large-2 { width: 16.66667%; } #stacks_in_1625 .large-3 { width: 25%; } #stacks_in_1625 .large-4 { width: 33.33333%; } #stacks_in_1625 .large-5 { width: 41.66667%; } #stacks_in_1625 .large-6 { width: 50%; } #stacks_in_1625 .large-7 { width: 58.33333%; } #stacks_in_1625 .large-8 { width: 66.66667%; } #stacks_in_1625 .large-9 { width: 75%; } #stacks_in_1625 .large-10 { width: 83.33333%; } #stacks_in_1625 .large-11 { width: 91.66667%; } #stacks_in_1625 .large-12 { width: 100%; } #stacks_in_1625 .large-offset-0 { margin-left: 0% !important; } #stacks_in_1625 .large-offset-1 { margin-left: 8.33333% !important; } #stacks_in_1625 .large-offset-2 { margin-left: 16.66667% !important; } #stacks_in_1625 .large-offset-3 { margin-left: 25% !important; } #stacks_in_1625 .large-offset-4 { margin-left: 33.33333% !important; } #stacks_in_1625 .large-offset-5 { margin-left: 41.66667% !important; } #stacks_in_1625 .large-offset-6 { margin-left: 50% !important; } #stacks_in_1625 .large-offset-7 { margin-left: 58.33333% !important; } #stacks_in_1625 .large-offset-8 { margin-left: 66.66667% !important; } #stacks_in_1625 .large-offset-9 { margin-left: 75% !important; } #stacks_in_1625 .large-offset-10 { margin-left: 83.33333% !important; } #stacks_in_1625 .large-offset-11 { margin-left: 91.66667% !important; } #stacks_in_1625 .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_1625 .column.large-centered, #stacks_in_1625 .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_1625 .column.large-uncentered, #stacks_in_1625 .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_1625 .column.large-centered:last-child, #stacks_in_1625 .columns.large-centered:last-child { float: none; } #stacks_in_1625 .column.large-uncentered:last-child, #stacks_in_1625 .columns.large-uncentered:last-child { float: left; } #stacks_in_1625 .column.large-uncentered.opposite, #stacks_in_1625 .columns.large-uncentered.opposite { float: right; } #stacks_in_1625 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1625 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1625 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1625 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1625 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1625 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1625 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1625 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1625 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1625 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1625 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1625 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1625 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1625 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1625 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1625 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1625 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1625 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1625 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1625 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1625 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1625 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1625 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1625 .pull-11 { position: relative; right: 91.66667%; left: auto; } } #stacks_in_1625 [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } #stacks_in_1625 [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } #stacks_in_1625 [class*="block-grid-"]:after { clear: both; } #stacks_in_1625 [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { #stacks_in_1625 .small-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_1625 .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_1625 .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_1625 .small-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_1625 .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_1625 .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_1625 .small-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_1625 .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_1625 .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_1625 .small-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_1625 .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_1625 .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_1625 .small-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_1625 .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_1625 .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_1625 .small-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_1625 .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_1625 .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_1625 .small-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_1625 .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_1625 .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_1625 .small-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_1625 .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_1625 .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_1625 .small-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_1625 .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_1625 .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_1625 .small-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_1625 .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_1625 .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_1625 .small-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_1625 .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_1625 .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_1625 .small-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_1625 .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_1625 .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { #stacks_in_1625 .medium-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_1625 .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_1625 .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_1625 .medium-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_1625 .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_1625 .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_1625 .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_1625 .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_1625 .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_1625 .medium-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_1625 .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_1625 .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_1625 .medium-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_1625 .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_1625 .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_1625 .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_1625 .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_1625 .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_1625 .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_1625 .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_1625 .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_1625 .medium-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_1625 .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_1625 .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_1625 .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_1625 .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_1625 .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_1625 .medium-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_1625 .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_1625 .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_1625 .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_1625 .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_1625 .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_1625 .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_1625 .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_1625 .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { #stacks_in_1625 .large-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_1625 .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_1625 .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_1625 .large-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_1625 .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_1625 .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_1625 .large-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_1625 .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_1625 .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_1625 .large-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_1625 .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_1625 .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_1625 .large-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_1625 .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_1625 .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_1625 .large-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_1625 .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_1625 .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_1625 .large-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_1625 .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_1625 .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_1625 .large-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_1625 .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_1625 .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_1625 .large-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_1625 .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_1625 .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_1625 .large-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_1625 .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_1625 .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_1625 .large-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_1625 .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_1625 .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_1625 .large-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_1625 .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_1625 .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } /* Visibility CSS - Foundation */ /* small displays */ @media only screen { #stacks_in_1625 .show-for-small-only, #stacks_in_1625 .show-for-small-up, #stacks_in_1625 .show-for-small, #stacks_in_1625 .show-for-small-down, #stacks_in_1625 .hide-for-medium-only, #stacks_in_1625 .hide-for-medium-up, #stacks_in_1625 .hide-for-medium, #stacks_in_1625 .show-for-medium-down, #stacks_in_1625 .hide-for-large-only, #stacks_in_1625 .hide-for-large-up, #stacks_in_1625 .hide-for-large, #stacks_in_1625 .show-for-large-down, #stacks_in_1625 .hide-for-xlarge-only, #stacks_in_1625 .hide-for-xlarge-up, #stacks_in_1625 .hide-for-xxlarge-only, #stacks_in_1625 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_1625 .hide-for-small-only, #stacks_in_1625 .hide-for-small-up, #stacks_in_1625 .hide-for-small, #stacks_in_1625 .hide-for-small-down, #stacks_in_1625 .show-for-medium-only, #stacks_in_1625 .show-for-medium-up, #stacks_in_1625 .show-for-medium, #stacks_in_1625 .hide-for-medium-down, #stacks_in_1625 .show-for-large-only, #stacks_in_1625 .show-for-large-up, #stacks_in_1625 .show-for-large, #stacks_in_1625 .hide-for-large-down, #stacks_in_1625 .show-for-xlarge-only, #stacks_in_1625 .show-for-xlarge-up, #stacks_in_1625 .show-for-xxlarge-only, #stacks_in_1625 .show-for-xxlarge-up { display: none !important; } #stacks_in_1625 .visible-for-small-only, #stacks_in_1625 .visible-for-small-up, #stacks_in_1625 .visible-for-small, #stacks_in_1625 .visible-for-small-down, #stacks_in_1625 .hidden-for-medium-only, #stacks_in_1625 .hidden-for-medium-up, #stacks_in_1625 .hidden-for-medium, #stacks_in_1625 .visible-for-medium-down, #stacks_in_1625 .hidden-for-large-only, #stacks_in_1625 .hidden-for-large-up, #stacks_in_1625 .hidden-for-large, #stacks_in_1625 .visible-for-large-down, #stacks_in_1625 .hidden-for-xlarge-only, #stacks_in_1625 .hidden-for-xlarge-up, #stacks_in_1625 .hidden-for-xxlarge-only, #stacks_in_1625 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1625 .hidden-for-small-only, #stacks_in_1625 .hidden-for-small-up, #stacks_in_1625 .hidden-for-small, #stacks_in_1625 .hidden-for-small-down, #stacks_in_1625 .visible-for-medium-only, #stacks_in_1625 .visible-for-medium-up, #stacks_in_1625 .visible-for-medium, #stacks_in_1625 .hidden-for-medium-down, #stacks_in_1625 .visible-for-large-only, #stacks_in_1625 .visible-for-large-up, #stacks_in_1625 .visible-for-large, #stacks_in_1625 .hidden-for-large-down, #stacks_in_1625 .visible-for-xlarge-only, #stacks_in_1625 .visible-for-xlarge-up, #stacks_in_1625 .visible-for-xxlarge-only, #stacks_in_1625 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1625 table.show-for-small-only, #stacks_in_1625 table.show-for-small-up, #stacks_in_1625 table.show-for-small, #stacks_in_1625 table.show-for-small-down, #stacks_in_1625 table.hide-for-medium-only, #stacks_in_1625 table.hide-for-medium-up, #stacks_in_1625 table.hide-for-medium, #stacks_in_1625 table.show-for-medium-down, #stacks_in_1625 table.hide-for-large-only, #stacks_in_1625 table.hide-for-large-up, #stacks_in_1625 table.hide-for-large, #stacks_in_1625 table.show-for-large-down, #stacks_in_1625 table.hide-for-xlarge-only, #stacks_in_1625 table.hide-for-xlarge-up, #stacks_in_1625 table.hide-for-xxlarge-only, #stacks_in_1625 table.hide-for-xxlarge-up { display: table; } #stacks_in_1625 thead.show-for-small-only, #stacks_in_1625 thead.show-for-small-up, #stacks_in_1625 thead.show-for-small, #stacks_in_1625 thead.show-for-small-down, #stacks_in_1625 thead.hide-for-medium-only, #stacks_in_1625 thead.hide-for-medium-up, #stacks_in_1625 thead.hide-for-medium, #stacks_in_1625 thead.show-for-medium-down, #stacks_in_1625 thead.hide-for-large-only, #stacks_in_1625 thead.hide-for-large-up, #stacks_in_1625 thead.hide-for-large, #stacks_in_1625 thead.show-for-large-down, #stacks_in_1625 thead.hide-for-xlarge-only, #stacks_in_1625 thead.hide-for-xlarge-up, #stacks_in_1625 thead.hide-for-xxlarge-only, #stacks_in_1625 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1625 tbody.show-for-small-only, #stacks_in_1625 tbody.show-for-small-up, #stacks_in_1625 tbody.show-for-small, #stacks_in_1625 tbody.show-for-small-down, #stacks_in_1625 tbody.hide-for-medium-only, #stacks_in_1625 tbody.hide-for-medium-up, #stacks_in_1625 tbody.hide-for-medium, #stacks_in_1625 tbody.show-for-medium-down, #stacks_in_1625 tbody.hide-for-large-only, #stacks_in_1625 tbody.hide-for-large-up, #stacks_in_1625 tbody.hide-for-large, #stacks_in_1625 tbody.show-for-large-down, #stacks_in_1625 tbody.hide-for-xlarge-only, #stacks_in_1625 tbody.hide-for-xlarge-up, #stacks_in_1625 tbody.hide-for-xxlarge-only, #stacks_in_1625 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1625 tr.show-for-small-only, #stacks_in_1625 tr.show-for-small-up, #stacks_in_1625 tr.show-for-small, #stacks_in_1625 tr.show-for-small-down, #stacks_in_1625 tr.hide-for-medium-only, #stacks_in_1625 tr.hide-for-medium-up, #stacks_in_1625 tr.hide-for-medium, #stacks_in_1625 tr.show-for-medium-down, #stacks_in_1625 tr.hide-for-large-only, #stacks_in_1625 tr.hide-for-large-up, #stacks_in_1625 tr.hide-for-large, #stacks_in_1625 tr.show-for-large-down, #stacks_in_1625 tr.hide-for-xlarge-only, #stacks_in_1625 tr.hide-for-xlarge-up, #stacks_in_1625 tr.hide-for-xxlarge-only, #stacks_in_1625 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_1625 th.show-for-small-only, #stacks_in_1625 td.show-for-small-only, #stacks_in_1625 th.show-for-small-up, #stacks_in_1625 td.show-for-small-up, #stacks_in_1625 th.show-for-small, #stacks_in_1625 td.show-for-small, #stacks_in_1625 th.show-for-small-down, #stacks_in_1625 td.show-for-small-down, #stacks_in_1625 th.hide-for-medium-only, #stacks_in_1625 td.hide-for-medium-only, #stacks_in_1625 th.hide-for-medium-up, #stacks_in_1625 td.hide-for-medium-up, #stacks_in_1625 th.hide-for-medium, #stacks_in_1625 td.hide-for-medium, #stacks_in_1625 th.show-for-medium-down, #stacks_in_1625 td.show-for-medium-down, #stacks_in_1625 th.hide-for-large-only, #stacks_in_1625 td.hide-for-large-only, #stacks_in_1625 th.hide-for-large-up, #stacks_in_1625 td.hide-for-large-up, #stacks_in_1625 th.hide-for-large, #stacks_in_1625 td.hide-for-large, #stacks_in_1625 th.show-for-large-down, #stacks_in_1625 td.show-for-large-down, #stacks_in_1625 th.hide-for-xlarge-only, #stacks_in_1625 td.hide-for-xlarge-only, #stacks_in_1625 th.hide-for-xlarge-up, #stacks_in_1625 td.hide-for-xlarge-up, #stacks_in_1625 th.hide-for-xxlarge-only, #stacks_in_1625 td.hide-for-xxlarge-only, #stacks_in_1625 th.hide-for-xxlarge-up, #stacks_in_1625 td.hide-for-xxlarge-up { display: table-cell !important; } } /* medium displays */ @media only screen and (min-width: 40.063em) { #stacks_in_1625 .hide-for-small-only, #stacks_in_1625 .show-for-small-up, #stacks_in_1625 .hide-for-small, #stacks_in_1625 .hide-for-small-down, #stacks_in_1625 .show-for-medium-only, #stacks_in_1625 .show-for-medium-up, #stacks_in_1625 .show-for-medium, #stacks_in_1625 .show-for-medium-down, #stacks_in_1625 .hide-for-large-only, #stacks_in_1625 .hide-for-large-up, #stacks_in_1625 .hide-for-large, #stacks_in_1625 .show-for-large-down, #stacks_in_1625 .hide-for-xlarge-only, #stacks_in_1625 .hide-for-xlarge-up, #stacks_in_1625 .hide-for-xxlarge-only, #stacks_in_1625 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_1625 .show-for-small-only, #stacks_in_1625 .hide-for-small-up, #stacks_in_1625 .show-for-small, #stacks_in_1625 .show-for-small-down, #stacks_in_1625 .hide-for-medium-only, #stacks_in_1625 .hide-for-medium-up, #stacks_in_1625 .hide-for-medium, #stacks_in_1625 .hide-for-medium-down, #stacks_in_1625 .show-for-large-only, #stacks_in_1625 .show-for-large-up, #stacks_in_1625 .show-for-large, #stacks_in_1625 .hide-for-large-down, #stacks_in_1625 .show-for-xlarge-only, #stacks_in_1625 .show-for-xlarge-up, #stacks_in_1625 .show-for-xxlarge-only, #stacks_in_1625 .show-for-xxlarge-up { display: none !important; } #stacks_in_1625 .hidden-for-small-only, #stacks_in_1625 .visible-for-small-up, #stacks_in_1625 .hidden-for-small, #stacks_in_1625 .hidden-for-small-down, #stacks_in_1625 .visible-for-medium-only, #stacks_in_1625 .visible-for-medium-up, #stacks_in_1625 .visible-for-medium, #stacks_in_1625 .visible-for-medium-down, #stacks_in_1625 .hidden-for-large-only, #stacks_in_1625 .hidden-for-large-up, #stacks_in_1625 .hidden-for-large, #stacks_in_1625 .visible-for-large-down, #stacks_in_1625 .hidden-for-xlarge-only, #stacks_in_1625 .hidden-for-xlarge-up, #stacks_in_1625 .hidden-for-xxlarge-only, #stacks_in_1625 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1625 .visible-for-small-only, #stacks_in_1625 .hidden-for-small-up, #stacks_in_1625 .visible-for-small, #stacks_in_1625 .visible-for-small-down, #stacks_in_1625 .hidden-for-medium-only, #stacks_in_1625 .hidden-for-medium-up, #stacks_in_1625 .hidden-for-medium, #stacks_in_1625 .hidden-for-medium-down, #stacks_in_1625 .visible-for-large-only, #stacks_in_1625 .visible-for-large-up, #stacks_in_1625 .visible-for-large, #stacks_in_1625 .hidden-for-large-down, #stacks_in_1625 .visible-for-xlarge-only, #stacks_in_1625 .visible-for-xlarge-up, #stacks_in_1625 .visible-for-xxlarge-only, #stacks_in_1625 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1625 table.hide-for-small-only, #stacks_in_1625 table.show-for-small-up, #stacks_in_1625 table.hide-for-small, #stacks_in_1625 table.hide-for-small-down, #stacks_in_1625 table.show-for-medium-only, #stacks_in_1625 table.show-for-medium-up, #stacks_in_1625 table.show-for-medium, #stacks_in_1625 table.show-for-medium-down, #stacks_in_1625 table.hide-for-large-only, #stacks_in_1625 table.hide-for-large-up, #stacks_in_1625 table.hide-for-large, #stacks_in_1625 table.show-for-large-down, #stacks_in_1625 table.hide-for-xlarge-only, #stacks_in_1625 table.hide-for-xlarge-up, #stacks_in_1625 table.hide-for-xxlarge-only, #stacks_in_1625 table.hide-for-xxlarge-up { display: table; } #stacks_in_1625 thead.hide-for-small-only, #stacks_in_1625 thead.show-for-small-up, #stacks_in_1625 thead.hide-for-small, #stacks_in_1625 thead.hide-for-small-down, #stacks_in_1625 thead.show-for-medium-only, #stacks_in_1625 thead.show-for-medium-up, #stacks_in_1625 thead.show-for-medium, #stacks_in_1625 thead.show-for-medium-down, #stacks_in_1625 thead.hide-for-large-only, #stacks_in_1625 thead.hide-for-large-up, #stacks_in_1625 thead.hide-for-large, #stacks_in_1625 thead.show-for-large-down, #stacks_in_1625 thead.hide-for-xlarge-only, #stacks_in_1625 thead.hide-for-xlarge-up, #stacks_in_1625 thead.hide-for-xxlarge-only, #stacks_in_1625 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1625 tbody.hide-for-small-only, #stacks_in_1625 tbody.show-for-small-up, #stacks_in_1625 tbody.hide-for-small, #stacks_in_1625 tbody.hide-for-small-down, #stacks_in_1625 tbody.show-for-medium-only, #stacks_in_1625 tbody.show-for-medium-up, #stacks_in_1625 tbody.show-for-medium, #stacks_in_1625 tbody.show-for-medium-down, #stacks_in_1625 tbody.hide-for-large-only, #stacks_in_1625 tbody.hide-for-large-up, #stacks_in_1625 tbody.hide-for-large, #stacks_in_1625 tbody.show-for-large-down, #stacks_in_1625 tbody.hide-for-xlarge-only, #stacks_in_1625 tbody.hide-for-xlarge-up, #stacks_in_1625 tbody.hide-for-xxlarge-only, #stacks_in_1625 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1625 tr.hide-for-small-only, #stacks_in_1625 tr.show-for-small-up, #stacks_in_1625 tr.hide-for-small, #stacks_in_1625 tr.hide-for-small-down, #stacks_in_1625 tr.show-for-medium-only, #stacks_in_1625 tr.show-for-medium-up, #stacks_in_1625 tr.show-for-medium, #stacks_in_1625 tr.show-for-medium-down, #stacks_in_1625 tr.hide-for-large-only, #stacks_in_1625 tr.hide-for-large-up, #stacks_in_1625 tr.hide-for-large, #stacks_in_1625 tr.show-for-large-down, #stacks_in_1625 tr.hide-for-xlarge-only, #stacks_in_1625 tr.hide-for-xlarge-up, #stacks_in_1625 tr.hide-for-xxlarge-only, #stacks_in_1625 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_1625 th.hide-for-small-only, #stacks_in_1625 td.hide-for-small-only, #stacks_in_1625 th.show-for-small-up, #stacks_in_1625 td.show-for-small-up, #stacks_in_1625 th.hide-for-small, #stacks_in_1625 td.hide-for-small, #stacks_in_1625 th.hide-for-small-down, #stacks_in_1625 td.hide-for-small-down, #stacks_in_1625 th.show-for-medium-only, #stacks_in_1625 td.show-for-medium-only, #stacks_in_1625 th.show-for-medium-up, #stacks_in_1625 td.show-for-medium-up, #stacks_in_1625 th.show-for-medium, #stacks_in_1625 td.show-for-medium, #stacks_in_1625 th.show-for-medium-down, #stacks_in_1625 td.show-for-medium-down, #stacks_in_1625 th.hide-for-large-only, #stacks_in_1625 td.hide-for-large-only, #stacks_in_1625 th.hide-for-large-up, #stacks_in_1625 td.hide-for-large-up, #stacks_in_1625 th.hide-for-large, #stacks_in_1625 td.hide-for-large, #stacks_in_1625 th.show-for-large-down, #stacks_in_1625 td.show-for-large-down, #stacks_in_1625 th.hide-for-xlarge-only, #stacks_in_1625 td.hide-for-xlarge-only, #stacks_in_1625 th.hide-for-xlarge-up, #stacks_in_1625 td.hide-for-xlarge-up, #stacks_in_1625 th.hide-for-xxlarge-only, #stacks_in_1625 td.hide-for-xxlarge-only, #stacks_in_1625 th.hide-for-xxlarge-up, #stacks_in_1625 td.hide-for-xxlarge-up { display: table-cell !important; } } /* large displays */ @media only screen and (min-width: 64.063em) { #stacks_in_1625 .hide-for-small-only, #stacks_in_1625 .show-for-small-up, #stacks_in_1625 .hide-for-small, #stacks_in_1625 .hide-for-small-down, #stacks_in_1625 .hide-for-medium-only, #stacks_in_1625 .show-for-medium-up, #stacks_in_1625 .hide-for-medium, #stacks_in_1625 .hide-for-medium-down, #stacks_in_1625 .show-for-large-only, #stacks_in_1625 .show-for-large-up, #stacks_in_1625 .show-for-large, #stacks_in_1625 .show-for-large-down, #stacks_in_1625 .hide-for-xlarge-only, #stacks_in_1625 .hide-for-xlarge-up, #stacks_in_1625 .hide-for-xxlarge-only, #stacks_in_1625 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_1625 .show-for-small-only, #stacks_in_1625 .hide-for-small-up, #stacks_in_1625 .show-for-small, #stacks_in_1625 .show-for-small-down, #stacks_in_1625 .show-for-medium-only, #stacks_in_1625 .hide-for-medium-up, #stacks_in_1625 .show-for-medium, #stacks_in_1625 .show-for-medium-down, #stacks_in_1625 .hide-for-large-only, #stacks_in_1625 .hide-for-large-up, #stacks_in_1625 .hide-for-large, #stacks_in_1625 .hide-for-large-down, #stacks_in_1625 .show-for-xlarge-only, #stacks_in_1625 .show-for-xlarge-up, #stacks_in_1625 .show-for-xxlarge-only, #stacks_in_1625 .show-for-xxlarge-up { display: none !important; } #stacks_in_1625 .hidden-for-small-only, #stacks_in_1625 .visible-for-small-up, #stacks_in_1625 .hidden-for-small, #stacks_in_1625 .hidden-for-small-down, #stacks_in_1625 .hidden-for-medium-only, #stacks_in_1625 .visible-for-medium-up, #stacks_in_1625 .hidden-for-medium, #stacks_in_1625 .hidden-for-medium-down, #stacks_in_1625 .visible-for-large-only, #stacks_in_1625 .visible-for-large-up, #stacks_in_1625 .visible-for-large, #stacks_in_1625 .visible-for-large-down, #stacks_in_1625 .hidden-for-xlarge-only, #stacks_in_1625 .hidden-for-xlarge-up, #stacks_in_1625 .hidden-for-xxlarge-only, #stacks_in_1625 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1625 .visible-for-small-only, #stacks_in_1625 .hidden-for-small-up, #stacks_in_1625 .visible-for-small, #stacks_in_1625 .visible-for-small-down, #stacks_in_1625 .visible-for-medium-only, #stacks_in_1625 .hidden-for-medium-up, #stacks_in_1625 .visible-for-medium, #stacks_in_1625 .visible-for-medium-down, #stacks_in_1625 .hidden-for-large-only, #stacks_in_1625 .hidden-for-large-up, #stacks_in_1625 .hidden-for-large, #stacks_in_1625 .hidden-for-large-down, #stacks_in_1625 .visible-for-xlarge-only, #stacks_in_1625 .visible-for-xlarge-up, #stacks_in_1625 .visible-for-xxlarge-only, #stacks_in_1625 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1625 table.hide-for-small-only, #stacks_in_1625 table.show-for-small-up, #stacks_in_1625 table.hide-for-small, #stacks_in_1625 table.hide-for-small-down, #stacks_in_1625 table.hide-for-medium-only, #stacks_in_1625 table.show-for-medium-up, #stacks_in_1625 table.hide-for-medium, #stacks_in_1625 table.hide-for-medium-down, #stacks_in_1625 table.show-for-large-only, #stacks_in_1625 table.show-for-large-up, #stacks_in_1625 table.show-for-large, #stacks_in_1625 table.show-for-large-down, #stacks_in_1625 table.hide-for-xlarge-only, #stacks_in_1625 table.hide-for-xlarge-up, #stacks_in_1625 table.hide-for-xxlarge-only, #stacks_in_1625 table.hide-for-xxlarge-up { display: table; } #stacks_in_1625 thead.hide-for-small-only, #stacks_in_1625 thead.show-for-small-up, #stacks_in_1625 thead.hide-for-small, #stacks_in_1625 thead.hide-for-small-down, #stacks_in_1625 thead.hide-for-medium-only, #stacks_in_1625 thead.show-for-medium-up, #stacks_in_1625 thead.hide-for-medium, #stacks_in_1625 thead.hide-for-medium-down, #stacks_in_1625 thead.show-for-large-only, #stacks_in_1625 thead.show-for-large-up, #stacks_in_1625 thead.show-for-large, #stacks_in_1625 thead.show-for-large-down, #stacks_in_1625 thead.hide-for-xlarge-only, #stacks_in_1625 thead.hide-for-xlarge-up, #stacks_in_1625 thead.hide-for-xxlarge-only, #stacks_in_1625 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1625 tbody.hide-for-small-only, #stacks_in_1625 tbody.show-for-small-up, #stacks_in_1625 tbody.hide-for-small, #stacks_in_1625 tbody.hide-for-small-down, #stacks_in_1625 tbody.hide-for-medium-only, #stacks_in_1625 tbody.show-for-medium-up, #stacks_in_1625 tbody.hide-for-medium, #stacks_in_1625 tbody.hide-for-medium-down, #stacks_in_1625 tbody.show-for-large-only, #stacks_in_1625 tbody.show-for-large-up, #stacks_in_1625 tbody.show-for-large, #stacks_in_1625 tbody.show-for-large-down, #stacks_in_1625 tbody.hide-for-xlarge-only, #stacks_in_1625 tbody.hide-for-xlarge-up, #stacks_in_1625 tbody.hide-for-xxlarge-only, #stacks_in_1625 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1625 tr.hide-for-small-only, #stacks_in_1625 tr.show-for-small-up, #stacks_in_1625 tr.hide-for-small, #stacks_in_1625 tr.hide-for-small-down, #stacks_in_1625 tr.hide-for-medium-only, #stacks_in_1625 tr.show-for-medium-up, #stacks_in_1625 tr.hide-for-medium, #stacks_in_1625 tr.hide-for-medium-down, #stacks_in_1625 tr.show-for-large-only, #stacks_in_1625 tr.show-for-large-up, #stacks_in_1625 tr.show-for-large, #stacks_in_1625 tr.show-for-large-down, #stacks_in_1625 tr.hide-for-xlarge-only, #stacks_in_1625 tr.hide-for-xlarge-up, #stacks_in_1625 tr.hide-for-xxlarge-only, #stacks_in_1625 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_1625 th.hide-for-small-only, #stacks_in_1625 td.hide-for-small-only, #stacks_in_1625 th.show-for-small-up, #stacks_in_1625 td.show-for-small-up, #stacks_in_1625 th.hide-for-small, #stacks_in_1625 td.hide-for-small, #stacks_in_1625 th.hide-for-small-down, #stacks_in_1625 td.hide-for-small-down, #stacks_in_1625 th.hide-for-medium-only, #stacks_in_1625 td.hide-for-medium-only, #stacks_in_1625 th.show-for-medium-up, #stacks_in_1625 td.show-for-medium-up, #stacks_in_1625 th.hide-for-medium, #stacks_in_1625 td.hide-for-medium, #stacks_in_1625 th.hide-for-medium-down, #stacks_in_1625 td.hide-for-medium-down, #stacks_in_1625 th.show-for-large-only, #stacks_in_1625 td.show-for-large-only, #stacks_in_1625 th.show-for-large-up, #stacks_in_1625 td.show-for-large-up, #stacks_in_1625 th.show-for-large, #stacks_in_1625 td.show-for-large, #stacks_in_1625 th.show-for-large-down, #stacks_in_1625 td.show-for-large-down, #stacks_in_1625 th.hide-for-xlarge-only, #stacks_in_1625 td.hide-for-xlarge-only, #stacks_in_1625 th.hide-for-xlarge-up, #stacks_in_1625 td.hide-for-xlarge-up, #stacks_in_1625 th.hide-for-xxlarge-only, #stacks_in_1625 td.hide-for-xxlarge-only, #stacks_in_1625 th.hide-for-xxlarge-up, #stacks_in_1625 td.hide-for-xxlarge-up { display: table-cell !important; } } /* xlarge displays */ @media only screen and (min-width: 90.063em) { #stacks_in_1625 .hide-for-small-only, #stacks_in_1625 .show-for-small-up, #stacks_in_1625 .hide-for-small, #stacks_in_1625 .hide-for-small-down, #stacks_in_1625 .hide-for-medium-only, #stacks_in_1625 .show-for-medium-up, #stacks_in_1625 .hide-for-medium, #stacks_in_1625 .hide-for-medium-down, #stacks_in_1625 .hide-for-large-only, #stacks_in_1625 .show-for-large-up, #stacks_in_1625 .hide-for-large, #stacks_in_1625 .hide-for-large-down, #stacks_in_1625 .show-for-xlarge-only, #stacks_in_1625 .show-for-xlarge-up, #stacks_in_1625 .hide-for-xxlarge-only, #stacks_in_1625 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_1625 .show-for-small-only, #stacks_in_1625 .hide-for-small-up, #stacks_in_1625 .show-for-small, #stacks_in_1625 .show-for-small-down, #stacks_in_1625 .show-for-medium-only, #stacks_in_1625 .hide-for-medium-up, #stacks_in_1625 .show-for-medium, #stacks_in_1625 .show-for-medium-down, #stacks_in_1625 .show-for-large-only, #stacks_in_1625 .hide-for-large-up, #stacks_in_1625 .show-for-large, #stacks_in_1625 .show-for-large-down, #stacks_in_1625 .hide-for-xlarge-only, #stacks_in_1625 .hide-for-xlarge-up, #stacks_in_1625 .show-for-xxlarge-only, #stacks_in_1625 .show-for-xxlarge-up { display: none !important; } #stacks_in_1625 .hidden-for-small-only, #stacks_in_1625 .visible-for-small-up, #stacks_in_1625 .hidden-for-small, #stacks_in_1625 .hidden-for-small-down, #stacks_in_1625 .hidden-for-medium-only, #stacks_in_1625 .visible-for-medium-up, #stacks_in_1625 .hidden-for-medium, #stacks_in_1625 .hidden-for-medium-down, #stacks_in_1625 .hidden-for-large-only, #stacks_in_1625 .visible-for-large-up, #stacks_in_1625 .hidden-for-large, #stacks_in_1625 .hidden-for-large-down, #stacks_in_1625 .visible-for-xlarge-only, #stacks_in_1625 .visible-for-xlarge-up, #stacks_in_1625 .hidden-for-xxlarge-only, #stacks_in_1625 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1625 .visible-for-small-only, #stacks_in_1625 .hidden-for-small-up, #stacks_in_1625 .visible-for-small, #stacks_in_1625 .visible-for-small-down, #stacks_in_1625 .visible-for-medium-only, #stacks_in_1625 .hidden-for-medium-up, #stacks_in_1625 .visible-for-medium, #stacks_in_1625 .visible-for-medium-down, #stacks_in_1625 .visible-for-large-only, #stacks_in_1625 .hidden-for-large-up, #stacks_in_1625 .visible-for-large, #stacks_in_1625 .visible-for-large-down, #stacks_in_1625 .hidden-for-xlarge-only, #stacks_in_1625 .hidden-for-xlarge-up, #stacks_in_1625 .visible-for-xxlarge-only, #stacks_in_1625 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1625 table.hide-for-small-only, #stacks_in_1625 table.show-for-small-up, #stacks_in_1625 table.hide-for-small, #stacks_in_1625 table.hide-for-small-down, #stacks_in_1625 table.hide-for-medium-only, #stacks_in_1625 table.show-for-medium-up, #stacks_in_1625 table.hide-for-medium, #stacks_in_1625 table.hide-for-medium-down, #stacks_in_1625 table.hide-for-large-only, #stacks_in_1625 table.show-for-large-up, #stacks_in_1625 table.hide-for-large, #stacks_in_1625 table.hide-for-large-down, #stacks_in_1625 table.show-for-xlarge-only, #stacks_in_1625 table.show-for-xlarge-up, #stacks_in_1625 table.hide-for-xxlarge-only, #stacks_in_1625 table.hide-for-xxlarge-up { display: table; } #stacks_in_1625 thead.hide-for-small-only, #stacks_in_1625 thead.show-for-small-up, #stacks_in_1625 thead.hide-for-small, #stacks_in_1625 thead.hide-for-small-down, #stacks_in_1625 thead.hide-for-medium-only, #stacks_in_1625 thead.show-for-medium-up, #stacks_in_1625 thead.hide-for-medium, #stacks_in_1625 thead.hide-for-medium-down, #stacks_in_1625 thead.hide-for-large-only, #stacks_in_1625 thead.show-for-large-up, #stacks_in_1625 thead.hide-for-large, #stacks_in_1625 thead.hide-for-large-down, #stacks_in_1625 thead.show-for-xlarge-only, #stacks_in_1625 thead.show-for-xlarge-up, #stacks_in_1625 thead.hide-for-xxlarge-only, #stacks_in_1625 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1625 tbody.hide-for-small-only, #stacks_in_1625 tbody.show-for-small-up, #stacks_in_1625 tbody.hide-for-small, #stacks_in_1625 tbody.hide-for-small-down, #stacks_in_1625 tbody.hide-for-medium-only, #stacks_in_1625 tbody.show-for-medium-up, #stacks_in_1625 tbody.hide-for-medium, #stacks_in_1625 tbody.hide-for-medium-down, #stacks_in_1625 tbody.hide-for-large-only, #stacks_in_1625 tbody.show-for-large-up, #stacks_in_1625 tbody.hide-for-large, #stacks_in_1625 tbody.hide-for-large-down, #stacks_in_1625 tbody.show-for-xlarge-only, #stacks_in_1625 tbody.show-for-xlarge-up, #stacks_in_1625 tbody.hide-for-xxlarge-only, #stacks_in_1625 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1625 tr.hide-for-small-only, #stacks_in_1625 tr.show-for-small-up, #stacks_in_1625 tr.hide-for-small, #stacks_in_1625 tr.hide-for-small-down, #stacks_in_1625 tr.hide-for-medium-only, #stacks_in_1625 tr.show-for-medium-up, #stacks_in_1625 tr.hide-for-medium, #stacks_in_1625 tr.hide-for-medium-down, #stacks_in_1625 tr.hide-for-large-only, #stacks_in_1625 tr.show-for-large-up, #stacks_in_1625 tr.hide-for-large, #stacks_in_1625 tr.hide-for-large-down, #stacks_in_1625 tr.show-for-xlarge-only, #stacks_in_1625 tr.show-for-xlarge-up, #stacks_in_1625 tr.hide-for-xxlarge-only, #stacks_in_1625 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_1625 th.hide-for-small-only, #stacks_in_1625 td.hide-for-small-only, #stacks_in_1625 th.show-for-small-up, #stacks_in_1625 td.show-for-small-up, #stacks_in_1625 th.hide-for-small, #stacks_in_1625 td.hide-for-small, #stacks_in_1625 th.hide-for-small-down, #stacks_in_1625 td.hide-for-small-down, #stacks_in_1625 th.hide-for-medium-only, #stacks_in_1625 td.hide-for-medium-only, #stacks_in_1625 th.show-for-medium-up, #stacks_in_1625 td.show-for-medium-up, #stacks_in_1625 th.hide-for-medium, #stacks_in_1625 td.hide-for-medium, #stacks_in_1625 th.hide-for-medium-down, #stacks_in_1625 td.hide-for-medium-down, #stacks_in_1625 th.hide-for-large-only, #stacks_in_1625 td.hide-for-large-only, #stacks_in_1625 th.show-for-large-up, #stacks_in_1625 td.show-for-large-up, #stacks_in_1625 th.hide-for-large, #stacks_in_1625 td.hide-for-large, #stacks_in_1625 th.hide-for-large-down, #stacks_in_1625 td.hide-for-large-down, #stacks_in_1625 th.show-for-xlarge-only, #stacks_in_1625 td.show-for-xlarge-only, #stacks_in_1625 th.show-for-xlarge-up, #stacks_in_1625 td.show-for-xlarge-up, #stacks_in_1625 th.hide-for-xxlarge-only, #stacks_in_1625 td.hide-for-xxlarge-only, #stacks_in_1625 th.hide-for-xxlarge-up, #stacks_in_1625 td.hide-for-xxlarge-up { display: table-cell !important; } } /* xxlarge displays */ @media only screen and (min-width: 120.063em) { #stacks_in_1625 .hide-for-small-only, #stacks_in_1625 .show-for-small-up, #stacks_in_1625 .hide-for-small, #stacks_in_1625 .hide-for-small-down, #stacks_in_1625 .hide-for-medium-only, #stacks_in_1625 .show-for-medium-up, #stacks_in_1625 .hide-for-medium, #stacks_in_1625 .hide-for-medium-down, #stacks_in_1625 .hide-for-large-only, #stacks_in_1625 .show-for-large-up, #stacks_in_1625 .hide-for-large, #stacks_in_1625 .hide-for-large-down, #stacks_in_1625 .hide-for-xlarge-only, #stacks_in_1625 .show-for-xlarge-up, #stacks_in_1625 .show-for-xxlarge-only, #stacks_in_1625 .show-for-xxlarge-up { display: inherit !important; } #stacks_in_1625 .show-for-small-only, #stacks_in_1625 .hide-for-small-up, #stacks_in_1625 .show-for-small, #stacks_in_1625 .show-for-small-down, #stacks_in_1625 .show-for-medium-only, #stacks_in_1625 .hide-for-medium-up, #stacks_in_1625 .show-for-medium, #stacks_in_1625 .show-for-medium-down, #stacks_in_1625 .show-for-large-only, #stacks_in_1625 .hide-for-large-up, #stacks_in_1625 .show-for-large, #stacks_in_1625 .show-for-large-down, #stacks_in_1625 .show-for-xlarge-only, #stacks_in_1625 .hide-for-xlarge-up, #stacks_in_1625 .hide-for-xxlarge-only, #stacks_in_1625 .hide-for-xxlarge-up { display: none !important; } #stacks_in_1625 .hidden-for-small-only, #stacks_in_1625 .visible-for-small-up, #stacks_in_1625 .hidden-for-small, #stacks_in_1625 .hidden-for-small-down, #stacks_in_1625 .hidden-for-medium-only, #stacks_in_1625 .visible-for-medium-up, #stacks_in_1625 .hidden-for-medium, #stacks_in_1625 .hidden-for-medium-down, #stacks_in_1625 .hidden-for-large-only, #stacks_in_1625 .visible-for-large-up, #stacks_in_1625 .hidden-for-large, #stacks_in_1625 .hidden-for-large-down, #stacks_in_1625 .hidden-for-xlarge-only, #stacks_in_1625 .visible-for-xlarge-up, #stacks_in_1625 .visible-for-xxlarge-only, #stacks_in_1625 .visible-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1625 .visible-for-small-only, #stacks_in_1625 .hidden-for-small-up, #stacks_in_1625 .visible-for-small, #stacks_in_1625 .visible-for-small-down, #stacks_in_1625 .visible-for-medium-only, #stacks_in_1625 .hidden-for-medium-up, #stacks_in_1625 .visible-for-medium, #stacks_in_1625 .visible-for-medium-down, #stacks_in_1625 .visible-for-large-only, #stacks_in_1625 .hidden-for-large-up, #stacks_in_1625 .visible-for-large, #stacks_in_1625 .visible-for-large-down, #stacks_in_1625 .visible-for-xlarge-only, #stacks_in_1625 .hidden-for-xlarge-up, #stacks_in_1625 .hidden-for-xxlarge-only, #stacks_in_1625 .hidden-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1625 table.hide-for-small-only, #stacks_in_1625 table.show-for-small-up, #stacks_in_1625 table.hide-for-small, #stacks_in_1625 table.hide-for-small-down, #stacks_in_1625 table.hide-for-medium-only, #stacks_in_1625 table.show-for-medium-up, #stacks_in_1625 table.hide-for-medium, #stacks_in_1625 table.hide-for-medium-down, #stacks_in_1625 table.hide-for-large-only, #stacks_in_1625 table.show-for-large-up, #stacks_in_1625 table.hide-for-large, #stacks_in_1625 table.hide-for-large-down, #stacks_in_1625 table.hide-for-xlarge-only, #stacks_in_1625 table.show-for-xlarge-up, #stacks_in_1625 table.show-for-xxlarge-only, #stacks_in_1625 table.show-for-xxlarge-up { display: table; } #stacks_in_1625 thead.hide-for-small-only, #stacks_in_1625 thead.show-for-small-up, #stacks_in_1625 thead.hide-for-small, #stacks_in_1625 thead.hide-for-small-down, #stacks_in_1625 thead.hide-for-medium-only, #stacks_in_1625 thead.show-for-medium-up, #stacks_in_1625 thead.hide-for-medium, #stacks_in_1625 thead.hide-for-medium-down, #stacks_in_1625 thead.hide-for-large-only, #stacks_in_1625 thead.show-for-large-up, #stacks_in_1625 thead.hide-for-large, #stacks_in_1625 thead.hide-for-large-down, #stacks_in_1625 thead.hide-for-xlarge-only, #stacks_in_1625 thead.show-for-xlarge-up, #stacks_in_1625 thead.show-for-xxlarge-only, #stacks_in_1625 thead.show-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1625 tbody.hide-for-small-only, #stacks_in_1625 tbody.show-for-small-up, #stacks_in_1625 tbody.hide-for-small, #stacks_in_1625 tbody.hide-for-small-down, #stacks_in_1625 tbody.hide-for-medium-only, #stacks_in_1625 tbody.show-for-medium-up, #stacks_in_1625 tbody.hide-for-medium, #stacks_in_1625 tbody.hide-for-medium-down, #stacks_in_1625 tbody.hide-for-large-only, #stacks_in_1625 tbody.show-for-large-up, #stacks_in_1625 tbody.hide-for-large, #stacks_in_1625 tbody.hide-for-large-down, #stacks_in_1625 tbody.hide-for-xlarge-only, #stacks_in_1625 tbody.show-for-xlarge-up, #stacks_in_1625 tbody.show-for-xxlarge-only, #stacks_in_1625 tbody.show-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1625 tr.hide-for-small-only, #stacks_in_1625 tr.show-for-small-up, #stacks_in_1625 tr.hide-for-small, #stacks_in_1625 tr.hide-for-small-down, #stacks_in_1625 tr.hide-for-medium-only, #stacks_in_1625 tr.show-for-medium-up, #stacks_in_1625 tr.hide-for-medium, #stacks_in_1625 tr.hide-for-medium-down, #stacks_in_1625 tr.hide-for-large-only, #stacks_in_1625 tr.show-for-large-up, #stacks_in_1625 tr.hide-for-large, #stacks_in_1625 tr.hide-for-large-down, #stacks_in_1625 tr.hide-for-xlarge-only, #stacks_in_1625 tr.show-for-xlarge-up, #stacks_in_1625 tr.show-for-xxlarge-only, #stacks_in_1625 tr.show-for-xxlarge-up { display: table-row !important; } #stacks_in_1625 th.hide-for-small-only, #stacks_in_1625 td.hide-for-small-only, #stacks_in_1625 th.show-for-small-up, #stacks_in_1625 td.show-for-small-up, #stacks_in_1625 th.hide-for-small, #stacks_in_1625 td.hide-for-small, #stacks_in_1625 th.hide-for-small-down, #stacks_in_1625 td.hide-for-small-down, #stacks_in_1625 th.hide-for-medium-only, #stacks_in_1625 td.hide-for-medium-only, #stacks_in_1625 th.show-for-medium-up, #stacks_in_1625 td.show-for-medium-up, #stacks_in_1625 th.hide-for-medium, #stacks_in_1625 td.hide-for-medium, #stacks_in_1625 th.hide-for-medium-down, #stacks_in_1625 td.hide-for-medium-down, #stacks_in_1625 th.hide-for-large-only, #stacks_in_1625 td.hide-for-large-only, #stacks_in_1625 th.show-for-large-up, #stacks_in_1625 td.show-for-large-up, #stacks_in_1625 th.hide-for-large, #stacks_in_1625 td.hide-for-large, #stacks_in_1625 th.hide-for-large-down, #stacks_in_1625 td.hide-for-large-down, #stacks_in_1625 th.hide-for-xlarge-only, #stacks_in_1625 td.hide-for-xlarge-only, #stacks_in_1625 th.show-for-xlarge-up, #stacks_in_1625 td.show-for-xlarge-up, #stacks_in_1625 th.show-for-xxlarge-only, #stacks_in_1625 td.show-for-xxlarge-only, #stacks_in_1625 th.show-for-xxlarge-up, #stacks_in_1625 td.show-for-xxlarge-up { display: table-cell !important; } } /* Orientation targeting */ .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } /* Specific visibility for tables */ #stacks_in_1625 table.hide-for-landscape, #stacks_in_1625 table.show-for-portrait { display: table; } #stacks_in_1625 thead.hide-for-landscape, #stacks_in_1625 thead.show-for-portrait { display: table-header-group !important; } #stacks_in_1625 tbody.hide-for-landscape, #stacks_in_1625 tbody.show-for-portrait { display: table-row-group !important; } #stacks_in_1625 tr.hide-for-landscape, #stacks_in_1625 tr.show-for-portrait { display: table-row !important; } #stacks_in_1625 td.hide-for-landscape, #stacks_in_1625 td.show-for-portrait, #stacks_in_1625 th.hide-for-landscape, #stacks_in_1625 th.show-for-portrait { display: table-cell !important; } @media only screen and (orientation: landscape) { #stacks_in_1625 .show-for-landscape, #stacks_in_1625 .hide-for-portrait { display: inherit !important; } #stacks_in_1625 .hide-for-landscape, #stacks_in_1625 .show-for-portrait { display: none !important; } /* Specific visibility for tables */ #stacks_in_1625 table.show-for-landscape, #stacks_in_1625 table.hide-for-portrait { display: table; } #stacks_in_1625 thead.show-for-landscape, #stacks_in_1625 thead.hide-for-portrait { display: table-header-group !important; } #stacks_in_1625 tbody.show-for-landscape, #stacks_in_1625 tbody.hide-for-portrait { display: table-row-group !important; } #stacks_in_1625 tr.show-for-landscape, #stacks_in_1625 tr.hide-for-portrait { display: table-row !important; } #stacks_in_1625 td.show-for-landscape, #stacks_in_1625 td.hide-for-portrait, #stacks_in_1625 th.show-for-landscape, #stacks_in_1625 th.hide-for-portrait { display: table-cell !important; } } @media only screen and (orientation: portrait) { #stacks_in_1625 .show-for-portrait, #stacks_in_1625 .hide-for-landscape { display: inherit !important; } #stacks_in_1625 .hide-for-portrait, #stacks_in_1625 .show-for-landscape { display: none !important; } /* Specific visibility for tables */ #stacks_in_1625 table.show-for-portrait, #stacks_in_1625 table.hide-for-landscape { display: table; } #stacks_in_1625 thead.show-for-portrait, #stacks_in_1625 thead.hide-for-landscape { display: table-header-group !important; } #stacks_in_1625 tbody.show-for-portrait, #stacks_in_1625 tbody.hide-for-landscape { display: table-row-group !important; } #stacks_in_1625 tr.show-for-portrait, #stacks_in_1625 tr.hide-for-landscape { display: table-row !important; } #stacks_in_1625 td.show-for-portrait, #stacks_in_1625 td.hide-for-landscape, #stacks_in_1625 th.show-for-portrait, #stacks_in_1625 th.hide-for-landscape { display: table-cell !important; } } /* Touch-enabled device targeting */ .show-for-touch { display: none !important; } .hide-for-touch { display: inherit !important; } .touch #stacks_in_1625 .show-for-touch { display: inherit !important; } .touch #stacks_in_1625 .hide-for-touch { display: none !important; } /* Specific visibility for tables */ #stacks_in_1625 table.hide-for-touch { display: table; } .touch #stacks_in_1625 table.show-for-touch { display: table; } #stacks_in_1625 thead.hide-for-touch { display: table-header-group !important; } .touch #stacks_in_1625 thead.show-for-touch { display: table-header-group !important; } #stacks_in_1625 tbody.hide-for-touch { display: table-row-group !important; } .touch #stacks_in_1625 tbody.show-for-touch { display: table-row-group !important; } #stacks_in_1625 tr.hide-for-touch { display: table-row !important; } .touch #stacks_in_1625 tr.show-for-touch { display: table-row !important; } #stacks_in_1625 td.hide-for-touch { display: table-cell !important; } .touch #stacks_in_1625 td.show-for-touch { display: table-cell !important; } #stacks_in_1625 th.hide-for-touch { display: table-cell !important; } .touch #stacks_in_1625 th.show-for-touch { display: table-cell !important; } /* Print visibility */ @media print { #stacks_in_1625 .show-for-print { display: block; } #stacks_in_1625 .hide-for-print { display: none; } #stacks_in_1625 table.show-for-print { display: table; } #stacks_in_1625 thead.show-for-print { display: table-header-group !important; } #stacks_in_1625 tbody.show-for-print { display: table-row-group !important; } #stacks_in_1625 tr.show-for-print { display: table-row !important; } #stacks_in_1625 td.show-for-print { display: table-cell !important; } #stacks_in_1625 th.show-for-print { display: table-cell !important; } } /* -------------------------------- Primary style -------------------------------- */ body.overflow-hidden { /* used when modal is visible */ overflow: hidden; } body.overflow-hidden .cd-modal { display: block !important; } /* -------------------------------- Main Components -------------------------------- */ #stacks_in_1626 .cd-section { text-align: center; position: relative; } #stacks_in_1626 .cd-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; pointer-events: none; -webkit-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; -moz-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; } #stacks_in_1626 .cd-modal .cd-modal-content { box-sizing: border-box; height: 100%; width: 100%; padding: 3em 5%; color: #FFFFFF; text-align: left; overflow-y: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_1626 .cd-modal-content a, #stacks_in_1626 .cd-modal-content a:visited { color: #DE425A; } #stacks_in_1626 .cd-modal-content a:hover, #stacks_in_1626 .cd-modal-content a:active { color: #B13448; } #stacks_in_1626 .modal-is-visible .cd-modal { z-index: 300000 !important; visibility: visible; opacity: 1; pointer-events: auto; -webkit-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; -moz-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; } #stacks_in_1626 .modal-is-visible .cd-modal .cd-modal-content { -webkit-overflow-scrolling: touch; } @media only screen and (min-width: 768px) { #stacks_in_1626 .cd-modal .cd-modal-content { padding: 4em 10%; } } @media only screen and (min-width: 1170px) { #stacks_in_1626 .cd-modal .cd-modal-content { padding: 6em 20%; } } #stacks_in_1626 .cd-modal-action { position: relative; } #stacks_in_1626 .cd-modal-action .modal_btn, #stacks_in_1626 .cd-modal-action .cd-modal-bg { display: inline-block; height: 2.5em; background-color: #336699; } #stacks_in_1626 .modal_btn, #stacks_in_1626 .cd-modal-close { text-decoration: none !important; border: none !important; } #stacks_in_1626 .cd-modal-action .modal_btn { border-radius: 5em; color: #ffffff; line-height: 2.5em; white-space: nowrap; font-weight: 700; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: color 0.2s 0.3s, width 0.3s 0s; -moz-transition: color 0.2s 0.3s, width 0.3s 0s; transition: color 0.2s 0.3s, width 0.3s 0s; overflow: hidden; } @media only screen { #stacks_in_1626 .cd-modal-action .modal_btn { width: 225px; } } @media only screen and (max-width: 720px) { #stacks_in_1626 .cd-modal-action .modal_btn { width: 100%; } } @media only screen and (max-width: 480px) { #stacks_in_1626 .cd-modal-action .modal_btn { width: 100%; } } #stacks_in_1626 .cd-modal-action .modal_btn i { margin-right: 6px; } #stacks_in_1626 .cd-modal-action .modal_btn.to-circle { width: 2.5em; color: transparent !important; -webkit-transition: color 0.2s 0s, width 0.3s 0.2s; -moz-transition: color 0.2s 0s, width 0.3s 0.2s; transition: color 0.2s 0s, width 0.3s 0.2s; } #stacks_in_1626 .cd-modal-action .cd-modal-bg { position: absolute; z-index: 300000 !important; left: 50%; top: 0; width: 2.5em; border-radius: 50%; opacity: 0; visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateX(-2em); -moz-transform: translateX(-2em); -ms-transform: translateX(-2em); -o-transform: translateX(-2em); transform: translateX(-2em); -webkit-transition: visibility 0s 0.5s; -moz-transition: visibility 0s 0.5s; transition: visibility 0s 0.5s; } #stacks_in_1626 .cd-modal-action .cd-modal-bg.is-visible { opacity: 1; visibility: visible; } #stacks_in_1626 .cd-modal-close { position: fixed; z-index: 9999999 !important; top: 20px; right: 20px; display: block; height: 50px; width: 50px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.3); background-image: url(../files/cd-icon-close.png); background-repeat: no-repeat; background-position: center center; /* image replacement */ overflow: hidden; text-indent: 100%; white-space: nowrap; visibility: hidden; opacity: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; transition: transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; } #stacks_in_1626 .no-touch .cd-modal-close:hover { background-color: rgba(0, 0, 0, 0.5); } #stacks_in_1626 .modal-is-visible .cd-modal-close { visibility: visible; opacity: 1; -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; transition: transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } @media only screen and (min-width: 768px) { #stacks_in_1626 .cd-modal-close { top: 40px; right: 40px; } } #stacks_in_1626 .cd-modal-action a, #stacks_in_1626 .cd-modal-action a:visited, #stacks_in_1626 .cd-modal-action a:hover, #stacks_in_1626 .cd-modal-action a:active { color: #FFFFFF !important; text-decoration: none; } /* Font Selections */ #stacks_in_1626 .cd-modal-action .modal_btn { } #stacks_in_1626 { margin: 10px 0px 10px 0px; } #stacks_out_1626 { width: 48%; margin-left:0; } /* Start Print This 2 stack CSS code */ .stacks_in_1627PrintThisOuter{ background-color: #FFFFFF; padding: 15px; border: 1px dashed #CCCCCC; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .stacks_in_1627PrintThis2{ position: relative; } @font-face { font-family: "doo_fontsregular"; src: url('../files/printthis2Assets/font/doo_print-webfont.eot'); src: url('../files/printthis2Assets/font/doo_print-webfont.eot?#iefix') format('eot'), url('../files/printthis2Assets/font/doo_print-webfont.woff') format('woff'), url('../files/printthis2Assets/font/doo_print-webfont.ttf') format('truetype'), url('../files/printthis2Assets/font/doo_print-webfont.svg#doo_fontsregular') format('svg'); font-weight: normal; font-style: normal; } .stacks_in_1627PrintThisButton{ float: right; font-family: "doo_fontsregular"; font-size: 24px; line-height: 24px; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; color: #000000; cursor:pointer; } .stacks_in_1627PrintThisButton:hover{ color: #3C3C3C; } .stacks_in_1627clearer{ clear: both; height: 1px; padding: 0; margin: 0; } /* End Print This 2 stack CSS code */ #stacks_in_1634 h1,#stacks_in_1634 h1 a,#stacks_in_1634 p,#stacks_in_1634 p a{ font-size:16px; line-height:1.39em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_1634 h1,#stacks_in_1634 h1 a,#stacks_in_1634 p,#stacks_in_1634 p a{ font-size:15px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_1634 h1,#stacks_in_1634 h1 a,#stacks_in_1634 p,#stacks_in_1634 p a{ font-size:13px; } } #stacks_in_1634 h1,#stacks_in_1634 h1 a,#stacks_in_1634 p,#stacks_in_1634 p a{ color:rgba(51, 51, 51, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_1634 p a:hover, #stacks_in_1634 h1 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_out_1634 { margin-right:0; } #flex-item-stacks_in_8129 .flex-grid-item-stacks_in_7548 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_8129 .flex-grid-item-stacks_in_7548 .flex-item-content-stacks_in_7548 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_8129 .flex-grid-item-stacks_in_7548 .flex-item-content-stacks_in_7548 .flex-item-content-inner-stacks_in_7548 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8129 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_8129 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8129 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8129 .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8129.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8129.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8129.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7548 .flex-item-header-stacks_in_7548 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_1346 h3,#stacks_in_1346 h3 a,#stacks_in_1346 p,#stacks_in_1346 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_1346 h3,#stacks_in_1346 h3 a,#stacks_in_1346 p,#stacks_in_1346 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_1346 h3,#stacks_in_1346 h3 a,#stacks_in_1346 p,#stacks_in_1346 p a{ font-size:13px; } } #stacks_in_1346 h3,#stacks_in_1346 h3 a,#stacks_in_1346 p,#stacks_in_1346 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_1346 p a:hover, #stacks_in_1346 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_1346 { margin: 10px; } #stacks_out_1346 { margin-right:0; } #stacks_in_1460 h3,#stacks_in_1460 h3 a,#stacks_in_1460 p,#stacks_in_1460 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_1460 h3,#stacks_in_1460 h3 a,#stacks_in_1460 p,#stacks_in_1460 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_1460 h3,#stacks_in_1460 h3 a,#stacks_in_1460 p,#stacks_in_1460 p a{ font-size:13px; } } #stacks_in_1460 h3,#stacks_in_1460 h3 a,#stacks_in_1460 p,#stacks_in_1460 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_1460 p a:hover, #stacks_in_1460 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_1460 { margin: 10px; } #stacks_out_1460 { margin-right:0; } /* ********* */ /* Normalize */ /* ********* */ /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ #stacks_in_1348_1 article, #stacks_in_1348_1 aside, #stacks_in_1348_1 details, #stacks_in_1348_1 figcaption, #stacks_in_1348_1 figure, #stacks_in_1348_1 footer, #stacks_in_1348_1 header, #stacks_in_1348_1 hgroup, #stacks_in_1348_1 main, #stacks_in_1348_1 nav, #stacks_in_1348_1 section, #stacks_in_1348_1 summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ #stacks_in_1348_1 audio, #stacks_in_1348_1 canvas, #stacks_in_1348_1 progress, #stacks_in_1348_1 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ #stacks_in_1348_1 audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ #stacks_in_1348_1 [hidden], #stacks_in_1348_1 template { display: none; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ #stacks_in_1348_1 img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ #stacks_in_1348_1 svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address differences between Firefox and other browsers. */ #stacks_in_1348_1 hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ #stacks_in_1348_1 pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ #stacks_in_1348_1 code, #stacks_in_1348_1 kbd, #stacks_in_1348_1 pre, #stacks_in_1348_1 samp { font-family: monospace, monospace; font-size: 1em; } /* **************** */ /* Stack Specific */ /* **************** */ %[if ]% %[if edit]% #stacks_in_1348_1 { background-image: url(../files/images/preview_numbers_background.png), url(../files/images/preview_striped_background.png); background-repeat: no-repeat, repeat-y; background-size: 100%, 100%; background-position: center top, center 100px; border-radius: 4px; padding-top: 75px; padding-bottom: 25px; border: 1px solid #e9e9e9; } %[endif]% %[endif]% #stacks_in_1348_1 *, #stacks_in_1348_1 *:before, #stacks_in_1348_1 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } %[if !edit]% #stacks_in_1348_1 .wow { visibility: hidden; } %[endif]% #stacks_in_1348_1>ul li { padding-bottom: 0 !important; } /* iPhone aka SMALL */ @media only screen { #stacks_in_1348_1>ul>li { margin-bottom: px; } } %[if ]% /* iPad aka MEDIUM */ @media only screen and (min-width: 40.063em) { #stacks_in_1348_1>ul>li { margin-bottom: px; } } %[endif]% %[if ]% /* Desktop aka LARGE */ @media only screen and (min-width: 64.063em) { #stacks_in_1348_1>ul>li { margin-bottom: px; } } %[endif]% /* **************** */ /* Foundation START */ /* **************** */ /* Copyright (c) 2013-2014 ZURB, inc. MIT License 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. */ #stacks_in_1348_1 meta.foundation-version { font-family: "/5.3.1/"; } #stacks_in_1348_1 meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } #stacks_in_1348_1 meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } #stacks_in_1348_1 meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } #stacks_in_1348_1 meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } #stacks_in_1348_1 meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } #stacks_in_1348_1 meta.foundation-data-attribute-namespace { font-family: false; } #stacks_in_1348_1 *, #stacks_in_1348_1 *:before, #stacks_in_1348_1 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_1348_1 .left { float: left !important; } #stacks_in_1348_1 .right { float: right !important; } #stacks_in_1348_1 .clearfix:before, #stacks_in_1348_1 .clearfix:after { content: " "; display: table; } #stacks_in_1348_1 .clearfix:after { clear: both; } #stacks_in_1348_1 .hide { display: none; } #stacks_in_1348_1 .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_1348_1 img { display: inline-block; vertical-align: middle; } #stacks_in_1348_1 textarea { height: auto; min-height: 50px; } #stacks_in_1348_1 select { width: 100%; } #stacks_in_1348_1 .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } #stacks_in_1348_1 .row { max-width: 62.5em; } #stacks_in_1348_1 .row:before, #stacks_in_1348_1 .row:after { content: " "; display: table; } #stacks_in_1348_1 .row:after { clear: both; } #stacks_in_1348_1 .row.collapse > .column, #stacks_in_1348_1 .row.collapse > .columns { padding-left: 0; padding-right: 0; } #stacks_in_1348_1 .row.collapse .row { margin-left: 0; margin-right: 0; } #stacks_in_1348_1 .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; } #stacks_in_1348_1 .row .row:before, #stacks_in_1348_1 .row .row:after { content: " "; display: table; } #stacks_in_1348_1 .row .row:after { clear: both; } #stacks_in_1348_1 .row .row.collapse { width: auto; margin: 0; max-width: none; } #stacks_in_1348_1 .row .row.collapse:before, #stacks_in_1348_1 .row .row.collapse:after { content: " "; display: table; } #stacks_in_1348_1 .row .row.collapse:after { clear: both; } #stacks_in_1348_1 .column, #stacks_in_1348_1 .columns { padding-left: 0.9375em; padding-right: 0.9375em; width: 100%; float: left; } #stacks_in_1348_1 [class*="column"] + [class*="column"]:last-child { float: right; } #stacks_in_1348_1 [class*="column"] + [class*="column"].end { float: left; } @media only screen { #stacks_in_1348_1 .small-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1348_1 .small-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1348_1 .small-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1348_1 .small-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1348_1 .small-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1348_1 .small-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1348_1 .small-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1348_1 .small-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1348_1 .small-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1348_1 .small-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1348_1 .small-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1348_1 .small-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1348_1 .small-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1348_1 .small-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1348_1 .small-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1348_1 .small-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1348_1 .small-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1348_1 .small-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1348_1 .small-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1348_1 .small-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1348_1 .small-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1348_1 .small-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1348_1 .small-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1348_1 .small-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_1348_1 .column, #stacks_in_1348_1 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_1348_1 .small-1 { width: 8.33333%; } #stacks_in_1348_1 .small-2 { width: 16.66667%; } #stacks_in_1348_1 .small-3 { width: 25%; } #stacks_in_1348_1 .small-4 { width: 33.33333%; } #stacks_in_1348_1 .small-5 { width: 41.66667%; } #stacks_in_1348_1 .small-6 { width: 50%; } #stacks_in_1348_1 .small-7 { width: 58.33333%; } #stacks_in_1348_1 .small-8 { width: 66.66667%; } #stacks_in_1348_1 .small-9 { width: 75%; } #stacks_in_1348_1 .small-10 { width: 83.33333%; } #stacks_in_1348_1 .small-11 { width: 91.66667%; } #stacks_in_1348_1 .small-12 { width: 100%; } #stacks_in_1348_1 .small-offset-0 { margin-left: 0% !important; } #stacks_in_1348_1 .small-offset-1 { margin-left: 8.33333% !important; } #stacks_in_1348_1 .small-offset-2 { margin-left: 16.66667% !important; } #stacks_in_1348_1 .small-offset-3 { margin-left: 25% !important; } #stacks_in_1348_1 .small-offset-4 { margin-left: 33.33333% !important; } #stacks_in_1348_1 .small-offset-5 { margin-left: 41.66667% !important; } #stacks_in_1348_1 .small-offset-6 { margin-left: 50% !important; } #stacks_in_1348_1 .small-offset-7 { margin-left: 58.33333% !important; } #stacks_in_1348_1 .small-offset-8 { margin-left: 66.66667% !important; } #stacks_in_1348_1 .small-offset-9 { margin-left: 75% !important; } #stacks_in_1348_1 .small-offset-10 { margin-left: 83.33333% !important; } #stacks_in_1348_1 .small-offset-11 { margin-left: 91.66667% !important; } #stacks_in_1348_1 .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_1348_1 .column.small-centered, #stacks_in_1348_1 .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_1348_1 .column.small-uncentered, #stacks_in_1348_1 .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_1348_1 .column.small-centered:last-child, #stacks_in_1348_1 .columns.small-centered:last-child { float: none; } #stacks_in_1348_1 .column.small-uncentered:last-child, #stacks_in_1348_1 .columns.small-uncentered:last-child { float: left; } #stacks_in_1348_1 .column.small-uncentered.opposite, #stacks_in_1348_1 .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 40.063em) { #stacks_in_1348_1 .medium-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1348_1 .medium-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1348_1 .medium-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1348_1 .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1348_1 .medium-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1348_1 .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1348_1 .medium-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1348_1 .medium-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1348_1 .medium-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1348_1 .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1348_1 .medium-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1348_1 .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1348_1 .medium-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1348_1 .medium-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1348_1 .medium-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1348_1 .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1348_1 .medium-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1348_1 .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1348_1 .medium-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1348_1 .medium-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1348_1 .medium-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1348_1 .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1348_1 .medium-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1348_1 .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_1348_1 .column, #stacks_in_1348_1 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_1348_1 .medium-1 { width: 8.33333%; } #stacks_in_1348_1 .medium-2 { width: 16.66667%; } #stacks_in_1348_1 .medium-3 { width: 25%; } #stacks_in_1348_1 .medium-4 { width: 33.33333%; } #stacks_in_1348_1 .medium-5 { width: 41.66667%; } #stacks_in_1348_1 .medium-6 { width: 50%; } #stacks_in_1348_1 .medium-7 { width: 58.33333%; } #stacks_in_1348_1 .medium-8 { width: 66.66667%; } #stacks_in_1348_1 .medium-9 { width: 75%; } #stacks_in_1348_1 .medium-10 { width: 83.33333%; } #stacks_in_1348_1 .medium-11 { width: 91.66667%; } #stacks_in_1348_1 .medium-12 { width: 100%; } #stacks_in_1348_1 .medium-offset-0 { margin-left: 0% !important; } #stacks_in_1348_1 .medium-offset-1 { margin-left: 8.33333% !important; } #stacks_in_1348_1 .medium-offset-2 { margin-left: 16.66667% !important; } #stacks_in_1348_1 .medium-offset-3 { margin-left: 25% !important; } #stacks_in_1348_1 .medium-offset-4 { margin-left: 33.33333% !important; } #stacks_in_1348_1 .medium-offset-5 { margin-left: 41.66667% !important; } #stacks_in_1348_1 .medium-offset-6 { margin-left: 50% !important; } #stacks_in_1348_1 .medium-offset-7 { margin-left: 58.33333% !important; } #stacks_in_1348_1 .medium-offset-8 { margin-left: 66.66667% !important; } #stacks_in_1348_1 .medium-offset-9 { margin-left: 75% !important; } #stacks_in_1348_1 .medium-offset-10 { margin-left: 83.33333% !important; } #stacks_in_1348_1 .medium-offset-11 { margin-left: 91.66667% !important; } #stacks_in_1348_1 .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_1348_1 .column.medium-centered, #stacks_in_1348_1 .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_1348_1 .column.medium-uncentered, #stacks_in_1348_1 .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_1348_1 .column.medium-centered:last-child, #stacks_in_1348_1 .columns.medium-centered:last-child { float: none; } #stacks_in_1348_1 .column.medium-uncentered:last-child, #stacks_in_1348_1 .columns.medium-uncentered:last-child { float: left; } #stacks_in_1348_1 .column.medium-uncentered.opposite, #stacks_in_1348_1 .columns.medium-uncentered.opposite { float: right; } #stacks_in_1348_1 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1348_1 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1348_1 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1348_1 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1348_1 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1348_1 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1348_1 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1348_1 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1348_1 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1348_1 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1348_1 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1348_1 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1348_1 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1348_1 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1348_1 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1348_1 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1348_1 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1348_1 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1348_1 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1348_1 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1348_1 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1348_1 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1348_1 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1348_1 .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { #stacks_in_1348_1 .large-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1348_1 .large-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1348_1 .large-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1348_1 .large-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1348_1 .large-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1348_1 .large-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1348_1 .large-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1348_1 .large-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1348_1 .large-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1348_1 .large-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1348_1 .large-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1348_1 .large-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1348_1 .large-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1348_1 .large-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1348_1 .large-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1348_1 .large-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1348_1 .large-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1348_1 .large-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1348_1 .large-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1348_1 .large-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1348_1 .large-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1348_1 .large-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1348_1 .large-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1348_1 .large-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_1348_1 .column, #stacks_in_1348_1 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_1348_1 .large-1 { width: 8.33333%; } #stacks_in_1348_1 .large-2 { width: 16.66667%; } #stacks_in_1348_1 .large-3 { width: 25%; } #stacks_in_1348_1 .large-4 { width: 33.33333%; } #stacks_in_1348_1 .large-5 { width: 41.66667%; } #stacks_in_1348_1 .large-6 { width: 50%; } #stacks_in_1348_1 .large-7 { width: 58.33333%; } #stacks_in_1348_1 .large-8 { width: 66.66667%; } #stacks_in_1348_1 .large-9 { width: 75%; } #stacks_in_1348_1 .large-10 { width: 83.33333%; } #stacks_in_1348_1 .large-11 { width: 91.66667%; } #stacks_in_1348_1 .large-12 { width: 100%; } #stacks_in_1348_1 .large-offset-0 { margin-left: 0% !important; } #stacks_in_1348_1 .large-offset-1 { margin-left: 8.33333% !important; } #stacks_in_1348_1 .large-offset-2 { margin-left: 16.66667% !important; } #stacks_in_1348_1 .large-offset-3 { margin-left: 25% !important; } #stacks_in_1348_1 .large-offset-4 { margin-left: 33.33333% !important; } #stacks_in_1348_1 .large-offset-5 { margin-left: 41.66667% !important; } #stacks_in_1348_1 .large-offset-6 { margin-left: 50% !important; } #stacks_in_1348_1 .large-offset-7 { margin-left: 58.33333% !important; } #stacks_in_1348_1 .large-offset-8 { margin-left: 66.66667% !important; } #stacks_in_1348_1 .large-offset-9 { margin-left: 75% !important; } #stacks_in_1348_1 .large-offset-10 { margin-left: 83.33333% !important; } #stacks_in_1348_1 .large-offset-11 { margin-left: 91.66667% !important; } #stacks_in_1348_1 .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_1348_1 .column.large-centered, #stacks_in_1348_1 .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_1348_1 .column.large-uncentered, #stacks_in_1348_1 .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_1348_1 .column.large-centered:last-child, #stacks_in_1348_1 .columns.large-centered:last-child { float: none; } #stacks_in_1348_1 .column.large-uncentered:last-child, #stacks_in_1348_1 .columns.large-uncentered:last-child { float: left; } #stacks_in_1348_1 .column.large-uncentered.opposite, #stacks_in_1348_1 .columns.large-uncentered.opposite { float: right; } #stacks_in_1348_1 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1348_1 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1348_1 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1348_1 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1348_1 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1348_1 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1348_1 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1348_1 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1348_1 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1348_1 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1348_1 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1348_1 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1348_1 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1348_1 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1348_1 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1348_1 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1348_1 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1348_1 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1348_1 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1348_1 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1348_1 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1348_1 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1348_1 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1348_1 .pull-11 { position: relative; right: 91.66667%; left: auto; } } #stacks_in_1348_1 [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } #stacks_in_1348_1 [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } #stacks_in_1348_1 [class*="block-grid-"]:after { clear: both; } #stacks_in_1348_1 [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { #stacks_in_1348_1 .small-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_1348_1 .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_1348_1 .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_1348_1 .small-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_1348_1 .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_1348_1 .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_1348_1 .small-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_1348_1 .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_1348_1 .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_1348_1 .small-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_1348_1 .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_1348_1 .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_1348_1 .small-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_1348_1 .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_1348_1 .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_1348_1 .small-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_1348_1 .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_1348_1 .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_1348_1 .small-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_1348_1 .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_1348_1 .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_1348_1 .small-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_1348_1 .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_1348_1 .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_1348_1 .small-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_1348_1 .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_1348_1 .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_1348_1 .small-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_1348_1 .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_1348_1 .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_1348_1 .small-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_1348_1 .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_1348_1 .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_1348_1 .small-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_1348_1 .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_1348_1 .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { #stacks_in_1348_1 .medium-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_1348_1 .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_1348_1 .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_1348_1 .medium-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_1348_1 .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_1348_1 .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_1348_1 .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_1348_1 .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_1348_1 .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_1348_1 .medium-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_1348_1 .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_1348_1 .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_1348_1 .medium-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_1348_1 .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_1348_1 .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_1348_1 .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_1348_1 .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_1348_1 .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_1348_1 .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_1348_1 .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_1348_1 .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_1348_1 .medium-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_1348_1 .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_1348_1 .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_1348_1 .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_1348_1 .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_1348_1 .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_1348_1 .medium-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_1348_1 .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_1348_1 .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_1348_1 .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_1348_1 .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_1348_1 .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_1348_1 .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_1348_1 .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_1348_1 .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { #stacks_in_1348_1 .large-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_1348_1 .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_1348_1 .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_1348_1 .large-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_1348_1 .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_1348_1 .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_1348_1 .large-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_1348_1 .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_1348_1 .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_1348_1 .large-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_1348_1 .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_1348_1 .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_1348_1 .large-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_1348_1 .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_1348_1 .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_1348_1 .large-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_1348_1 .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_1348_1 .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_1348_1 .large-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_1348_1 .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_1348_1 .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_1348_1 .large-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_1348_1 .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_1348_1 .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_1348_1 .large-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_1348_1 .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_1348_1 .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_1348_1 .large-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_1348_1 .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_1348_1 .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_1348_1 .large-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_1348_1 .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_1348_1 .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_1348_1 .large-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_1348_1 .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_1348_1 .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } /* Visibility CSS - Foundation */ /* small displays */ @media only screen { #stacks_in_1348_1 .show-for-small-only, #stacks_in_1348_1 .show-for-small-up, #stacks_in_1348_1 .show-for-small, #stacks_in_1348_1 .show-for-small-down, #stacks_in_1348_1 .hide-for-medium-only, #stacks_in_1348_1 .hide-for-medium-up, #stacks_in_1348_1 .hide-for-medium, #stacks_in_1348_1 .show-for-medium-down, #stacks_in_1348_1 .hide-for-large-only, #stacks_in_1348_1 .hide-for-large-up, #stacks_in_1348_1 .hide-for-large, #stacks_in_1348_1 .show-for-large-down, #stacks_in_1348_1 .hide-for-xlarge-only, #stacks_in_1348_1 .hide-for-xlarge-up, #stacks_in_1348_1 .hide-for-xxlarge-only, #stacks_in_1348_1 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_1348_1 .hide-for-small-only, #stacks_in_1348_1 .hide-for-small-up, #stacks_in_1348_1 .hide-for-small, #stacks_in_1348_1 .hide-for-small-down, #stacks_in_1348_1 .show-for-medium-only, #stacks_in_1348_1 .show-for-medium-up, #stacks_in_1348_1 .show-for-medium, #stacks_in_1348_1 .hide-for-medium-down, #stacks_in_1348_1 .show-for-large-only, #stacks_in_1348_1 .show-for-large-up, #stacks_in_1348_1 .show-for-large, #stacks_in_1348_1 .hide-for-large-down, #stacks_in_1348_1 .show-for-xlarge-only, #stacks_in_1348_1 .show-for-xlarge-up, #stacks_in_1348_1 .show-for-xxlarge-only, #stacks_in_1348_1 .show-for-xxlarge-up { display: none !important; } #stacks_in_1348_1 .visible-for-small-only, #stacks_in_1348_1 .visible-for-small-up, #stacks_in_1348_1 .visible-for-small, #stacks_in_1348_1 .visible-for-small-down, #stacks_in_1348_1 .hidden-for-medium-only, #stacks_in_1348_1 .hidden-for-medium-up, #stacks_in_1348_1 .hidden-for-medium, #stacks_in_1348_1 .visible-for-medium-down, #stacks_in_1348_1 .hidden-for-large-only, #stacks_in_1348_1 .hidden-for-large-up, #stacks_in_1348_1 .hidden-for-large, #stacks_in_1348_1 .visible-for-large-down, #stacks_in_1348_1 .hidden-for-xlarge-only, #stacks_in_1348_1 .hidden-for-xlarge-up, #stacks_in_1348_1 .hidden-for-xxlarge-only, #stacks_in_1348_1 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1348_1 .hidden-for-small-only, #stacks_in_1348_1 .hidden-for-small-up, #stacks_in_1348_1 .hidden-for-small, #stacks_in_1348_1 .hidden-for-small-down, #stacks_in_1348_1 .visible-for-medium-only, #stacks_in_1348_1 .visible-for-medium-up, #stacks_in_1348_1 .visible-for-medium, #stacks_in_1348_1 .hidden-for-medium-down, #stacks_in_1348_1 .visible-for-large-only, #stacks_in_1348_1 .visible-for-large-up, #stacks_in_1348_1 .visible-for-large, #stacks_in_1348_1 .hidden-for-large-down, #stacks_in_1348_1 .visible-for-xlarge-only, #stacks_in_1348_1 .visible-for-xlarge-up, #stacks_in_1348_1 .visible-for-xxlarge-only, #stacks_in_1348_1 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1348_1 table.show-for-small-only, #stacks_in_1348_1 table.show-for-small-up, #stacks_in_1348_1 table.show-for-small, #stacks_in_1348_1 table.show-for-small-down, #stacks_in_1348_1 table.hide-for-medium-only, #stacks_in_1348_1 table.hide-for-medium-up, #stacks_in_1348_1 table.hide-for-medium, #stacks_in_1348_1 table.show-for-medium-down, #stacks_in_1348_1 table.hide-for-large-only, #stacks_in_1348_1 table.hide-for-large-up, #stacks_in_1348_1 table.hide-for-large, #stacks_in_1348_1 table.show-for-large-down, #stacks_in_1348_1 table.hide-for-xlarge-only, #stacks_in_1348_1 table.hide-for-xlarge-up, #stacks_in_1348_1 table.hide-for-xxlarge-only, #stacks_in_1348_1 table.hide-for-xxlarge-up { display: table; } #stacks_in_1348_1 thead.show-for-small-only, #stacks_in_1348_1 thead.show-for-small-up, #stacks_in_1348_1 thead.show-for-small, #stacks_in_1348_1 thead.show-for-small-down, #stacks_in_1348_1 thead.hide-for-medium-only, #stacks_in_1348_1 thead.hide-for-medium-up, #stacks_in_1348_1 thead.hide-for-medium, #stacks_in_1348_1 thead.show-for-medium-down, #stacks_in_1348_1 thead.hide-for-large-only, #stacks_in_1348_1 thead.hide-for-large-up, #stacks_in_1348_1 thead.hide-for-large, #stacks_in_1348_1 thead.show-for-large-down, #stacks_in_1348_1 thead.hide-for-xlarge-only, #stacks_in_1348_1 thead.hide-for-xlarge-up, #stacks_in_1348_1 thead.hide-for-xxlarge-only, #stacks_in_1348_1 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1348_1 tbody.show-for-small-only, #stacks_in_1348_1 tbody.show-for-small-up, #stacks_in_1348_1 tbody.show-for-small, #stacks_in_1348_1 tbody.show-for-small-down, #stacks_in_1348_1 tbody.hide-for-medium-only, #stacks_in_1348_1 tbody.hide-for-medium-up, #stacks_in_1348_1 tbody.hide-for-medium, #stacks_in_1348_1 tbody.show-for-medium-down, #stacks_in_1348_1 tbody.hide-for-large-only, #stacks_in_1348_1 tbody.hide-for-large-up, #stacks_in_1348_1 tbody.hide-for-large, #stacks_in_1348_1 tbody.show-for-large-down, #stacks_in_1348_1 tbody.hide-for-xlarge-only, #stacks_in_1348_1 tbody.hide-for-xlarge-up, #stacks_in_1348_1 tbody.hide-for-xxlarge-only, #stacks_in_1348_1 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1348_1 tr.show-for-small-only, #stacks_in_1348_1 tr.show-for-small-up, #stacks_in_1348_1 tr.show-for-small, #stacks_in_1348_1 tr.show-for-small-down, #stacks_in_1348_1 tr.hide-for-medium-only, #stacks_in_1348_1 tr.hide-for-medium-up, #stacks_in_1348_1 tr.hide-for-medium, #stacks_in_1348_1 tr.show-for-medium-down, #stacks_in_1348_1 tr.hide-for-large-only, #stacks_in_1348_1 tr.hide-for-large-up, #stacks_in_1348_1 tr.hide-for-large, #stacks_in_1348_1 tr.show-for-large-down, #stacks_in_1348_1 tr.hide-for-xlarge-only, #stacks_in_1348_1 tr.hide-for-xlarge-up, #stacks_in_1348_1 tr.hide-for-xxlarge-only, #stacks_in_1348_1 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_1348_1 th.show-for-small-only, #stacks_in_1348_1 td.show-for-small-only, #stacks_in_1348_1 th.show-for-small-up, #stacks_in_1348_1 td.show-for-small-up, #stacks_in_1348_1 th.show-for-small, #stacks_in_1348_1 td.show-for-small, #stacks_in_1348_1 th.show-for-small-down, #stacks_in_1348_1 td.show-for-small-down, #stacks_in_1348_1 th.hide-for-medium-only, #stacks_in_1348_1 td.hide-for-medium-only, #stacks_in_1348_1 th.hide-for-medium-up, #stacks_in_1348_1 td.hide-for-medium-up, #stacks_in_1348_1 th.hide-for-medium, #stacks_in_1348_1 td.hide-for-medium, #stacks_in_1348_1 th.show-for-medium-down, #stacks_in_1348_1 td.show-for-medium-down, #stacks_in_1348_1 th.hide-for-large-only, #stacks_in_1348_1 td.hide-for-large-only, #stacks_in_1348_1 th.hide-for-large-up, #stacks_in_1348_1 td.hide-for-large-up, #stacks_in_1348_1 th.hide-for-large, #stacks_in_1348_1 td.hide-for-large, #stacks_in_1348_1 th.show-for-large-down, #stacks_in_1348_1 td.show-for-large-down, #stacks_in_1348_1 th.hide-for-xlarge-only, #stacks_in_1348_1 td.hide-for-xlarge-only, #stacks_in_1348_1 th.hide-for-xlarge-up, #stacks_in_1348_1 td.hide-for-xlarge-up, #stacks_in_1348_1 th.hide-for-xxlarge-only, #stacks_in_1348_1 td.hide-for-xxlarge-only, #stacks_in_1348_1 th.hide-for-xxlarge-up, #stacks_in_1348_1 td.hide-for-xxlarge-up { display: table-cell !important; } } /* medium displays */ @media only screen and (min-width: 40.063em) { #stacks_in_1348_1 .hide-for-small-only, #stacks_in_1348_1 .show-for-small-up, #stacks_in_1348_1 .hide-for-small, #stacks_in_1348_1 .hide-for-small-down, #stacks_in_1348_1 .show-for-medium-only, #stacks_in_1348_1 .show-for-medium-up, #stacks_in_1348_1 .show-for-medium, #stacks_in_1348_1 .show-for-medium-down, #stacks_in_1348_1 .hide-for-large-only, #stacks_in_1348_1 .hide-for-large-up, #stacks_in_1348_1 .hide-for-large, #stacks_in_1348_1 .show-for-large-down, #stacks_in_1348_1 .hide-for-xlarge-only, #stacks_in_1348_1 .hide-for-xlarge-up, #stacks_in_1348_1 .hide-for-xxlarge-only, #stacks_in_1348_1 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_1348_1 .show-for-small-only, #stacks_in_1348_1 .hide-for-small-up, #stacks_in_1348_1 .show-for-small, #stacks_in_1348_1 .show-for-small-down, #stacks_in_1348_1 .hide-for-medium-only, #stacks_in_1348_1 .hide-for-medium-up, #stacks_in_1348_1 .hide-for-medium, #stacks_in_1348_1 .hide-for-medium-down, #stacks_in_1348_1 .show-for-large-only, #stacks_in_1348_1 .show-for-large-up, #stacks_in_1348_1 .show-for-large, #stacks_in_1348_1 .hide-for-large-down, #stacks_in_1348_1 .show-for-xlarge-only, #stacks_in_1348_1 .show-for-xlarge-up, #stacks_in_1348_1 .show-for-xxlarge-only, #stacks_in_1348_1 .show-for-xxlarge-up { display: none !important; } #stacks_in_1348_1 .hidden-for-small-only, #stacks_in_1348_1 .visible-for-small-up, #stacks_in_1348_1 .hidden-for-small, #stacks_in_1348_1 .hidden-for-small-down, #stacks_in_1348_1 .visible-for-medium-only, #stacks_in_1348_1 .visible-for-medium-up, #stacks_in_1348_1 .visible-for-medium, #stacks_in_1348_1 .visible-for-medium-down, #stacks_in_1348_1 .hidden-for-large-only, #stacks_in_1348_1 .hidden-for-large-up, #stacks_in_1348_1 .hidden-for-large, #stacks_in_1348_1 .visible-for-large-down, #stacks_in_1348_1 .hidden-for-xlarge-only, #stacks_in_1348_1 .hidden-for-xlarge-up, #stacks_in_1348_1 .hidden-for-xxlarge-only, #stacks_in_1348_1 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1348_1 .visible-for-small-only, #stacks_in_1348_1 .hidden-for-small-up, #stacks_in_1348_1 .visible-for-small, #stacks_in_1348_1 .visible-for-small-down, #stacks_in_1348_1 .hidden-for-medium-only, #stacks_in_1348_1 .hidden-for-medium-up, #stacks_in_1348_1 .hidden-for-medium, #stacks_in_1348_1 .hidden-for-medium-down, #stacks_in_1348_1 .visible-for-large-only, #stacks_in_1348_1 .visible-for-large-up, #stacks_in_1348_1 .visible-for-large, #stacks_in_1348_1 .hidden-for-large-down, #stacks_in_1348_1 .visible-for-xlarge-only, #stacks_in_1348_1 .visible-for-xlarge-up, #stacks_in_1348_1 .visible-for-xxlarge-only, #stacks_in_1348_1 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1348_1 table.hide-for-small-only, #stacks_in_1348_1 table.show-for-small-up, #stacks_in_1348_1 table.hide-for-small, #stacks_in_1348_1 table.hide-for-small-down, #stacks_in_1348_1 table.show-for-medium-only, #stacks_in_1348_1 table.show-for-medium-up, #stacks_in_1348_1 table.show-for-medium, #stacks_in_1348_1 table.show-for-medium-down, #stacks_in_1348_1 table.hide-for-large-only, #stacks_in_1348_1 table.hide-for-large-up, #stacks_in_1348_1 table.hide-for-large, #stacks_in_1348_1 table.show-for-large-down, #stacks_in_1348_1 table.hide-for-xlarge-only, #stacks_in_1348_1 table.hide-for-xlarge-up, #stacks_in_1348_1 table.hide-for-xxlarge-only, #stacks_in_1348_1 table.hide-for-xxlarge-up { display: table; } #stacks_in_1348_1 thead.hide-for-small-only, #stacks_in_1348_1 thead.show-for-small-up, #stacks_in_1348_1 thead.hide-for-small, #stacks_in_1348_1 thead.hide-for-small-down, #stacks_in_1348_1 thead.show-for-medium-only, #stacks_in_1348_1 thead.show-for-medium-up, #stacks_in_1348_1 thead.show-for-medium, #stacks_in_1348_1 thead.show-for-medium-down, #stacks_in_1348_1 thead.hide-for-large-only, #stacks_in_1348_1 thead.hide-for-large-up, #stacks_in_1348_1 thead.hide-for-large, #stacks_in_1348_1 thead.show-for-large-down, #stacks_in_1348_1 thead.hide-for-xlarge-only, #stacks_in_1348_1 thead.hide-for-xlarge-up, #stacks_in_1348_1 thead.hide-for-xxlarge-only, #stacks_in_1348_1 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1348_1 tbody.hide-for-small-only, #stacks_in_1348_1 tbody.show-for-small-up, #stacks_in_1348_1 tbody.hide-for-small, #stacks_in_1348_1 tbody.hide-for-small-down, #stacks_in_1348_1 tbody.show-for-medium-only, #stacks_in_1348_1 tbody.show-for-medium-up, #stacks_in_1348_1 tbody.show-for-medium, #stacks_in_1348_1 tbody.show-for-medium-down, #stacks_in_1348_1 tbody.hide-for-large-only, #stacks_in_1348_1 tbody.hide-for-large-up, #stacks_in_1348_1 tbody.hide-for-large, #stacks_in_1348_1 tbody.show-for-large-down, #stacks_in_1348_1 tbody.hide-for-xlarge-only, #stacks_in_1348_1 tbody.hide-for-xlarge-up, #stacks_in_1348_1 tbody.hide-for-xxlarge-only, #stacks_in_1348_1 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1348_1 tr.hide-for-small-only, #stacks_in_1348_1 tr.show-for-small-up, #stacks_in_1348_1 tr.hide-for-small, #stacks_in_1348_1 tr.hide-for-small-down, #stacks_in_1348_1 tr.show-for-medium-only, #stacks_in_1348_1 tr.show-for-medium-up, #stacks_in_1348_1 tr.show-for-medium, #stacks_in_1348_1 tr.show-for-medium-down, #stacks_in_1348_1 tr.hide-for-large-only, #stacks_in_1348_1 tr.hide-for-large-up, #stacks_in_1348_1 tr.hide-for-large, #stacks_in_1348_1 tr.show-for-large-down, #stacks_in_1348_1 tr.hide-for-xlarge-only, #stacks_in_1348_1 tr.hide-for-xlarge-up, #stacks_in_1348_1 tr.hide-for-xxlarge-only, #stacks_in_1348_1 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_1348_1 th.hide-for-small-only, #stacks_in_1348_1 td.hide-for-small-only, #stacks_in_1348_1 th.show-for-small-up, #stacks_in_1348_1 td.show-for-small-up, #stacks_in_1348_1 th.hide-for-small, #stacks_in_1348_1 td.hide-for-small, #stacks_in_1348_1 th.hide-for-small-down, #stacks_in_1348_1 td.hide-for-small-down, #stacks_in_1348_1 th.show-for-medium-only, #stacks_in_1348_1 td.show-for-medium-only, #stacks_in_1348_1 th.show-for-medium-up, #stacks_in_1348_1 td.show-for-medium-up, #stacks_in_1348_1 th.show-for-medium, #stacks_in_1348_1 td.show-for-medium, #stacks_in_1348_1 th.show-for-medium-down, #stacks_in_1348_1 td.show-for-medium-down, #stacks_in_1348_1 th.hide-for-large-only, #stacks_in_1348_1 td.hide-for-large-only, #stacks_in_1348_1 th.hide-for-large-up, #stacks_in_1348_1 td.hide-for-large-up, #stacks_in_1348_1 th.hide-for-large, #stacks_in_1348_1 td.hide-for-large, #stacks_in_1348_1 th.show-for-large-down, #stacks_in_1348_1 td.show-for-large-down, #stacks_in_1348_1 th.hide-for-xlarge-only, #stacks_in_1348_1 td.hide-for-xlarge-only, #stacks_in_1348_1 th.hide-for-xlarge-up, #stacks_in_1348_1 td.hide-for-xlarge-up, #stacks_in_1348_1 th.hide-for-xxlarge-only, #stacks_in_1348_1 td.hide-for-xxlarge-only, #stacks_in_1348_1 th.hide-for-xxlarge-up, #stacks_in_1348_1 td.hide-for-xxlarge-up { display: table-cell !important; } } /* large displays */ @media only screen and (min-width: 64.063em) { #stacks_in_1348_1 .hide-for-small-only, #stacks_in_1348_1 .show-for-small-up, #stacks_in_1348_1 .hide-for-small, #stacks_in_1348_1 .hide-for-small-down, #stacks_in_1348_1 .hide-for-medium-only, #stacks_in_1348_1 .show-for-medium-up, #stacks_in_1348_1 .hide-for-medium, #stacks_in_1348_1 .hide-for-medium-down, #stacks_in_1348_1 .show-for-large-only, #stacks_in_1348_1 .show-for-large-up, #stacks_in_1348_1 .show-for-large, #stacks_in_1348_1 .show-for-large-down, #stacks_in_1348_1 .hide-for-xlarge-only, #stacks_in_1348_1 .hide-for-xlarge-up, #stacks_in_1348_1 .hide-for-xxlarge-only, #stacks_in_1348_1 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_1348_1 .show-for-small-only, #stacks_in_1348_1 .hide-for-small-up, #stacks_in_1348_1 .show-for-small, #stacks_in_1348_1 .show-for-small-down, #stacks_in_1348_1 .show-for-medium-only, #stacks_in_1348_1 .hide-for-medium-up, #stacks_in_1348_1 .show-for-medium, #stacks_in_1348_1 .show-for-medium-down, #stacks_in_1348_1 .hide-for-large-only, #stacks_in_1348_1 .hide-for-large-up, #stacks_in_1348_1 .hide-for-large, #stacks_in_1348_1 .hide-for-large-down, #stacks_in_1348_1 .show-for-xlarge-only, #stacks_in_1348_1 .show-for-xlarge-up, #stacks_in_1348_1 .show-for-xxlarge-only, #stacks_in_1348_1 .show-for-xxlarge-up { display: none !important; } #stacks_in_1348_1 .hidden-for-small-only, #stacks_in_1348_1 .visible-for-small-up, #stacks_in_1348_1 .hidden-for-small, #stacks_in_1348_1 .hidden-for-small-down, #stacks_in_1348_1 .hidden-for-medium-only, #stacks_in_1348_1 .visible-for-medium-up, #stacks_in_1348_1 .hidden-for-medium, #stacks_in_1348_1 .hidden-for-medium-down, #stacks_in_1348_1 .visible-for-large-only, #stacks_in_1348_1 .visible-for-large-up, #stacks_in_1348_1 .visible-for-large, #stacks_in_1348_1 .visible-for-large-down, #stacks_in_1348_1 .hidden-for-xlarge-only, #stacks_in_1348_1 .hidden-for-xlarge-up, #stacks_in_1348_1 .hidden-for-xxlarge-only, #stacks_in_1348_1 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1348_1 .visible-for-small-only, #stacks_in_1348_1 .hidden-for-small-up, #stacks_in_1348_1 .visible-for-small, #stacks_in_1348_1 .visible-for-small-down, #stacks_in_1348_1 .visible-for-medium-only, #stacks_in_1348_1 .hidden-for-medium-up, #stacks_in_1348_1 .visible-for-medium, #stacks_in_1348_1 .visible-for-medium-down, #stacks_in_1348_1 .hidden-for-large-only, #stacks_in_1348_1 .hidden-for-large-up, #stacks_in_1348_1 .hidden-for-large, #stacks_in_1348_1 .hidden-for-large-down, #stacks_in_1348_1 .visible-for-xlarge-only, #stacks_in_1348_1 .visible-for-xlarge-up, #stacks_in_1348_1 .visible-for-xxlarge-only, #stacks_in_1348_1 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1348_1 table.hide-for-small-only, #stacks_in_1348_1 table.show-for-small-up, #stacks_in_1348_1 table.hide-for-small, #stacks_in_1348_1 table.hide-for-small-down, #stacks_in_1348_1 table.hide-for-medium-only, #stacks_in_1348_1 table.show-for-medium-up, #stacks_in_1348_1 table.hide-for-medium, #stacks_in_1348_1 table.hide-for-medium-down, #stacks_in_1348_1 table.show-for-large-only, #stacks_in_1348_1 table.show-for-large-up, #stacks_in_1348_1 table.show-for-large, #stacks_in_1348_1 table.show-for-large-down, #stacks_in_1348_1 table.hide-for-xlarge-only, #stacks_in_1348_1 table.hide-for-xlarge-up, #stacks_in_1348_1 table.hide-for-xxlarge-only, #stacks_in_1348_1 table.hide-for-xxlarge-up { display: table; } #stacks_in_1348_1 thead.hide-for-small-only, #stacks_in_1348_1 thead.show-for-small-up, #stacks_in_1348_1 thead.hide-for-small, #stacks_in_1348_1 thead.hide-for-small-down, #stacks_in_1348_1 thead.hide-for-medium-only, #stacks_in_1348_1 thead.show-for-medium-up, #stacks_in_1348_1 thead.hide-for-medium, #stacks_in_1348_1 thead.hide-for-medium-down, #stacks_in_1348_1 thead.show-for-large-only, #stacks_in_1348_1 thead.show-for-large-up, #stacks_in_1348_1 thead.show-for-large, #stacks_in_1348_1 thead.show-for-large-down, #stacks_in_1348_1 thead.hide-for-xlarge-only, #stacks_in_1348_1 thead.hide-for-xlarge-up, #stacks_in_1348_1 thead.hide-for-xxlarge-only, #stacks_in_1348_1 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1348_1 tbody.hide-for-small-only, #stacks_in_1348_1 tbody.show-for-small-up, #stacks_in_1348_1 tbody.hide-for-small, #stacks_in_1348_1 tbody.hide-for-small-down, #stacks_in_1348_1 tbody.hide-for-medium-only, #stacks_in_1348_1 tbody.show-for-medium-up, #stacks_in_1348_1 tbody.hide-for-medium, #stacks_in_1348_1 tbody.hide-for-medium-down, #stacks_in_1348_1 tbody.show-for-large-only, #stacks_in_1348_1 tbody.show-for-large-up, #stacks_in_1348_1 tbody.show-for-large, #stacks_in_1348_1 tbody.show-for-large-down, #stacks_in_1348_1 tbody.hide-for-xlarge-only, #stacks_in_1348_1 tbody.hide-for-xlarge-up, #stacks_in_1348_1 tbody.hide-for-xxlarge-only, #stacks_in_1348_1 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1348_1 tr.hide-for-small-only, #stacks_in_1348_1 tr.show-for-small-up, #stacks_in_1348_1 tr.hide-for-small, #stacks_in_1348_1 tr.hide-for-small-down, #stacks_in_1348_1 tr.hide-for-medium-only, #stacks_in_1348_1 tr.show-for-medium-up, #stacks_in_1348_1 tr.hide-for-medium, #stacks_in_1348_1 tr.hide-for-medium-down, #stacks_in_1348_1 tr.show-for-large-only, #stacks_in_1348_1 tr.show-for-large-up, #stacks_in_1348_1 tr.show-for-large, #stacks_in_1348_1 tr.show-for-large-down, #stacks_in_1348_1 tr.hide-for-xlarge-only, #stacks_in_1348_1 tr.hide-for-xlarge-up, #stacks_in_1348_1 tr.hide-for-xxlarge-only, #stacks_in_1348_1 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_1348_1 th.hide-for-small-only, #stacks_in_1348_1 td.hide-for-small-only, #stacks_in_1348_1 th.show-for-small-up, #stacks_in_1348_1 td.show-for-small-up, #stacks_in_1348_1 th.hide-for-small, #stacks_in_1348_1 td.hide-for-small, #stacks_in_1348_1 th.hide-for-small-down, #stacks_in_1348_1 td.hide-for-small-down, #stacks_in_1348_1 th.hide-for-medium-only, #stacks_in_1348_1 td.hide-for-medium-only, #stacks_in_1348_1 th.show-for-medium-up, #stacks_in_1348_1 td.show-for-medium-up, #stacks_in_1348_1 th.hide-for-medium, #stacks_in_1348_1 td.hide-for-medium, #stacks_in_1348_1 th.hide-for-medium-down, #stacks_in_1348_1 td.hide-for-medium-down, #stacks_in_1348_1 th.show-for-large-only, #stacks_in_1348_1 td.show-for-large-only, #stacks_in_1348_1 th.show-for-large-up, #stacks_in_1348_1 td.show-for-large-up, #stacks_in_1348_1 th.show-for-large, #stacks_in_1348_1 td.show-for-large, #stacks_in_1348_1 th.show-for-large-down, #stacks_in_1348_1 td.show-for-large-down, #stacks_in_1348_1 th.hide-for-xlarge-only, #stacks_in_1348_1 td.hide-for-xlarge-only, #stacks_in_1348_1 th.hide-for-xlarge-up, #stacks_in_1348_1 td.hide-for-xlarge-up, #stacks_in_1348_1 th.hide-for-xxlarge-only, #stacks_in_1348_1 td.hide-for-xxlarge-only, #stacks_in_1348_1 th.hide-for-xxlarge-up, #stacks_in_1348_1 td.hide-for-xxlarge-up { display: table-cell !important; } } /* xlarge displays */ @media only screen and (min-width: 90.063em) { #stacks_in_1348_1 .hide-for-small-only, #stacks_in_1348_1 .show-for-small-up, #stacks_in_1348_1 .hide-for-small, #stacks_in_1348_1 .hide-for-small-down, #stacks_in_1348_1 .hide-for-medium-only, #stacks_in_1348_1 .show-for-medium-up, #stacks_in_1348_1 .hide-for-medium, #stacks_in_1348_1 .hide-for-medium-down, #stacks_in_1348_1 .hide-for-large-only, #stacks_in_1348_1 .show-for-large-up, #stacks_in_1348_1 .hide-for-large, #stacks_in_1348_1 .hide-for-large-down, #stacks_in_1348_1 .show-for-xlarge-only, #stacks_in_1348_1 .show-for-xlarge-up, #stacks_in_1348_1 .hide-for-xxlarge-only, #stacks_in_1348_1 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_1348_1 .show-for-small-only, #stacks_in_1348_1 .hide-for-small-up, #stacks_in_1348_1 .show-for-small, #stacks_in_1348_1 .show-for-small-down, #stacks_in_1348_1 .show-for-medium-only, #stacks_in_1348_1 .hide-for-medium-up, #stacks_in_1348_1 .show-for-medium, #stacks_in_1348_1 .show-for-medium-down, #stacks_in_1348_1 .show-for-large-only, #stacks_in_1348_1 .hide-for-large-up, #stacks_in_1348_1 .show-for-large, #stacks_in_1348_1 .show-for-large-down, #stacks_in_1348_1 .hide-for-xlarge-only, #stacks_in_1348_1 .hide-for-xlarge-up, #stacks_in_1348_1 .show-for-xxlarge-only, #stacks_in_1348_1 .show-for-xxlarge-up { display: none !important; } #stacks_in_1348_1 .hidden-for-small-only, #stacks_in_1348_1 .visible-for-small-up, #stacks_in_1348_1 .hidden-for-small, #stacks_in_1348_1 .hidden-for-small-down, #stacks_in_1348_1 .hidden-for-medium-only, #stacks_in_1348_1 .visible-for-medium-up, #stacks_in_1348_1 .hidden-for-medium, #stacks_in_1348_1 .hidden-for-medium-down, #stacks_in_1348_1 .hidden-for-large-only, #stacks_in_1348_1 .visible-for-large-up, #stacks_in_1348_1 .hidden-for-large, #stacks_in_1348_1 .hidden-for-large-down, #stacks_in_1348_1 .visible-for-xlarge-only, #stacks_in_1348_1 .visible-for-xlarge-up, #stacks_in_1348_1 .hidden-for-xxlarge-only, #stacks_in_1348_1 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1348_1 .visible-for-small-only, #stacks_in_1348_1 .hidden-for-small-up, #stacks_in_1348_1 .visible-for-small, #stacks_in_1348_1 .visible-for-small-down, #stacks_in_1348_1 .visible-for-medium-only, #stacks_in_1348_1 .hidden-for-medium-up, #stacks_in_1348_1 .visible-for-medium, #stacks_in_1348_1 .visible-for-medium-down, #stacks_in_1348_1 .visible-for-large-only, #stacks_in_1348_1 .hidden-for-large-up, #stacks_in_1348_1 .visible-for-large, #stacks_in_1348_1 .visible-for-large-down, #stacks_in_1348_1 .hidden-for-xlarge-only, #stacks_in_1348_1 .hidden-for-xlarge-up, #stacks_in_1348_1 .visible-for-xxlarge-only, #stacks_in_1348_1 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1348_1 table.hide-for-small-only, #stacks_in_1348_1 table.show-for-small-up, #stacks_in_1348_1 table.hide-for-small, #stacks_in_1348_1 table.hide-for-small-down, #stacks_in_1348_1 table.hide-for-medium-only, #stacks_in_1348_1 table.show-for-medium-up, #stacks_in_1348_1 table.hide-for-medium, #stacks_in_1348_1 table.hide-for-medium-down, #stacks_in_1348_1 table.hide-for-large-only, #stacks_in_1348_1 table.show-for-large-up, #stacks_in_1348_1 table.hide-for-large, #stacks_in_1348_1 table.hide-for-large-down, #stacks_in_1348_1 table.show-for-xlarge-only, #stacks_in_1348_1 table.show-for-xlarge-up, #stacks_in_1348_1 table.hide-for-xxlarge-only, #stacks_in_1348_1 table.hide-for-xxlarge-up { display: table; } #stacks_in_1348_1 thead.hide-for-small-only, #stacks_in_1348_1 thead.show-for-small-up, #stacks_in_1348_1 thead.hide-for-small, #stacks_in_1348_1 thead.hide-for-small-down, #stacks_in_1348_1 thead.hide-for-medium-only, #stacks_in_1348_1 thead.show-for-medium-up, #stacks_in_1348_1 thead.hide-for-medium, #stacks_in_1348_1 thead.hide-for-medium-down, #stacks_in_1348_1 thead.hide-for-large-only, #stacks_in_1348_1 thead.show-for-large-up, #stacks_in_1348_1 thead.hide-for-large, #stacks_in_1348_1 thead.hide-for-large-down, #stacks_in_1348_1 thead.show-for-xlarge-only, #stacks_in_1348_1 thead.show-for-xlarge-up, #stacks_in_1348_1 thead.hide-for-xxlarge-only, #stacks_in_1348_1 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1348_1 tbody.hide-for-small-only, #stacks_in_1348_1 tbody.show-for-small-up, #stacks_in_1348_1 tbody.hide-for-small, #stacks_in_1348_1 tbody.hide-for-small-down, #stacks_in_1348_1 tbody.hide-for-medium-only, #stacks_in_1348_1 tbody.show-for-medium-up, #stacks_in_1348_1 tbody.hide-for-medium, #stacks_in_1348_1 tbody.hide-for-medium-down, #stacks_in_1348_1 tbody.hide-for-large-only, #stacks_in_1348_1 tbody.show-for-large-up, #stacks_in_1348_1 tbody.hide-for-large, #stacks_in_1348_1 tbody.hide-for-large-down, #stacks_in_1348_1 tbody.show-for-xlarge-only, #stacks_in_1348_1 tbody.show-for-xlarge-up, #stacks_in_1348_1 tbody.hide-for-xxlarge-only, #stacks_in_1348_1 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1348_1 tr.hide-for-small-only, #stacks_in_1348_1 tr.show-for-small-up, #stacks_in_1348_1 tr.hide-for-small, #stacks_in_1348_1 tr.hide-for-small-down, #stacks_in_1348_1 tr.hide-for-medium-only, #stacks_in_1348_1 tr.show-for-medium-up, #stacks_in_1348_1 tr.hide-for-medium, #stacks_in_1348_1 tr.hide-for-medium-down, #stacks_in_1348_1 tr.hide-for-large-only, #stacks_in_1348_1 tr.show-for-large-up, #stacks_in_1348_1 tr.hide-for-large, #stacks_in_1348_1 tr.hide-for-large-down, #stacks_in_1348_1 tr.show-for-xlarge-only, #stacks_in_1348_1 tr.show-for-xlarge-up, #stacks_in_1348_1 tr.hide-for-xxlarge-only, #stacks_in_1348_1 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_1348_1 th.hide-for-small-only, #stacks_in_1348_1 td.hide-for-small-only, #stacks_in_1348_1 th.show-for-small-up, #stacks_in_1348_1 td.show-for-small-up, #stacks_in_1348_1 th.hide-for-small, #stacks_in_1348_1 td.hide-for-small, #stacks_in_1348_1 th.hide-for-small-down, #stacks_in_1348_1 td.hide-for-small-down, #stacks_in_1348_1 th.hide-for-medium-only, #stacks_in_1348_1 td.hide-for-medium-only, #stacks_in_1348_1 th.show-for-medium-up, #stacks_in_1348_1 td.show-for-medium-up, #stacks_in_1348_1 th.hide-for-medium, #stacks_in_1348_1 td.hide-for-medium, #stacks_in_1348_1 th.hide-for-medium-down, #stacks_in_1348_1 td.hide-for-medium-down, #stacks_in_1348_1 th.hide-for-large-only, #stacks_in_1348_1 td.hide-for-large-only, #stacks_in_1348_1 th.show-for-large-up, #stacks_in_1348_1 td.show-for-large-up, #stacks_in_1348_1 th.hide-for-large, #stacks_in_1348_1 td.hide-for-large, #stacks_in_1348_1 th.hide-for-large-down, #stacks_in_1348_1 td.hide-for-large-down, #stacks_in_1348_1 th.show-for-xlarge-only, #stacks_in_1348_1 td.show-for-xlarge-only, #stacks_in_1348_1 th.show-for-xlarge-up, #stacks_in_1348_1 td.show-for-xlarge-up, #stacks_in_1348_1 th.hide-for-xxlarge-only, #stacks_in_1348_1 td.hide-for-xxlarge-only, #stacks_in_1348_1 th.hide-for-xxlarge-up, #stacks_in_1348_1 td.hide-for-xxlarge-up { display: table-cell !important; } } /* xxlarge displays */ @media only screen and (min-width: 120.063em) { #stacks_in_1348_1 .hide-for-small-only, #stacks_in_1348_1 .show-for-small-up, #stacks_in_1348_1 .hide-for-small, #stacks_in_1348_1 .hide-for-small-down, #stacks_in_1348_1 .hide-for-medium-only, #stacks_in_1348_1 .show-for-medium-up, #stacks_in_1348_1 .hide-for-medium, #stacks_in_1348_1 .hide-for-medium-down, #stacks_in_1348_1 .hide-for-large-only, #stacks_in_1348_1 .show-for-large-up, #stacks_in_1348_1 .hide-for-large, #stacks_in_1348_1 .hide-for-large-down, #stacks_in_1348_1 .hide-for-xlarge-only, #stacks_in_1348_1 .show-for-xlarge-up, #stacks_in_1348_1 .show-for-xxlarge-only, #stacks_in_1348_1 .show-for-xxlarge-up { display: inherit !important; } #stacks_in_1348_1 .show-for-small-only, #stacks_in_1348_1 .hide-for-small-up, #stacks_in_1348_1 .show-for-small, #stacks_in_1348_1 .show-for-small-down, #stacks_in_1348_1 .show-for-medium-only, #stacks_in_1348_1 .hide-for-medium-up, #stacks_in_1348_1 .show-for-medium, #stacks_in_1348_1 .show-for-medium-down, #stacks_in_1348_1 .show-for-large-only, #stacks_in_1348_1 .hide-for-large-up, #stacks_in_1348_1 .show-for-large, #stacks_in_1348_1 .show-for-large-down, #stacks_in_1348_1 .show-for-xlarge-only, #stacks_in_1348_1 .hide-for-xlarge-up, #stacks_in_1348_1 .hide-for-xxlarge-only, #stacks_in_1348_1 .hide-for-xxlarge-up { display: none !important; } #stacks_in_1348_1 .hidden-for-small-only, #stacks_in_1348_1 .visible-for-small-up, #stacks_in_1348_1 .hidden-for-small, #stacks_in_1348_1 .hidden-for-small-down, #stacks_in_1348_1 .hidden-for-medium-only, #stacks_in_1348_1 .visible-for-medium-up, #stacks_in_1348_1 .hidden-for-medium, #stacks_in_1348_1 .hidden-for-medium-down, #stacks_in_1348_1 .hidden-for-large-only, #stacks_in_1348_1 .visible-for-large-up, #stacks_in_1348_1 .hidden-for-large, #stacks_in_1348_1 .hidden-for-large-down, #stacks_in_1348_1 .hidden-for-xlarge-only, #stacks_in_1348_1 .visible-for-xlarge-up, #stacks_in_1348_1 .visible-for-xxlarge-only, #stacks_in_1348_1 .visible-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1348_1 .visible-for-small-only, #stacks_in_1348_1 .hidden-for-small-up, #stacks_in_1348_1 .visible-for-small, #stacks_in_1348_1 .visible-for-small-down, #stacks_in_1348_1 .visible-for-medium-only, #stacks_in_1348_1 .hidden-for-medium-up, #stacks_in_1348_1 .visible-for-medium, #stacks_in_1348_1 .visible-for-medium-down, #stacks_in_1348_1 .visible-for-large-only, #stacks_in_1348_1 .hidden-for-large-up, #stacks_in_1348_1 .visible-for-large, #stacks_in_1348_1 .visible-for-large-down, #stacks_in_1348_1 .visible-for-xlarge-only, #stacks_in_1348_1 .hidden-for-xlarge-up, #stacks_in_1348_1 .hidden-for-xxlarge-only, #stacks_in_1348_1 .hidden-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1348_1 table.hide-for-small-only, #stacks_in_1348_1 table.show-for-small-up, #stacks_in_1348_1 table.hide-for-small, #stacks_in_1348_1 table.hide-for-small-down, #stacks_in_1348_1 table.hide-for-medium-only, #stacks_in_1348_1 table.show-for-medium-up, #stacks_in_1348_1 table.hide-for-medium, #stacks_in_1348_1 table.hide-for-medium-down, #stacks_in_1348_1 table.hide-for-large-only, #stacks_in_1348_1 table.show-for-large-up, #stacks_in_1348_1 table.hide-for-large, #stacks_in_1348_1 table.hide-for-large-down, #stacks_in_1348_1 table.hide-for-xlarge-only, #stacks_in_1348_1 table.show-for-xlarge-up, #stacks_in_1348_1 table.show-for-xxlarge-only, #stacks_in_1348_1 table.show-for-xxlarge-up { display: table; } #stacks_in_1348_1 thead.hide-for-small-only, #stacks_in_1348_1 thead.show-for-small-up, #stacks_in_1348_1 thead.hide-for-small, #stacks_in_1348_1 thead.hide-for-small-down, #stacks_in_1348_1 thead.hide-for-medium-only, #stacks_in_1348_1 thead.show-for-medium-up, #stacks_in_1348_1 thead.hide-for-medium, #stacks_in_1348_1 thead.hide-for-medium-down, #stacks_in_1348_1 thead.hide-for-large-only, #stacks_in_1348_1 thead.show-for-large-up, #stacks_in_1348_1 thead.hide-for-large, #stacks_in_1348_1 thead.hide-for-large-down, #stacks_in_1348_1 thead.hide-for-xlarge-only, #stacks_in_1348_1 thead.show-for-xlarge-up, #stacks_in_1348_1 thead.show-for-xxlarge-only, #stacks_in_1348_1 thead.show-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1348_1 tbody.hide-for-small-only, #stacks_in_1348_1 tbody.show-for-small-up, #stacks_in_1348_1 tbody.hide-for-small, #stacks_in_1348_1 tbody.hide-for-small-down, #stacks_in_1348_1 tbody.hide-for-medium-only, #stacks_in_1348_1 tbody.show-for-medium-up, #stacks_in_1348_1 tbody.hide-for-medium, #stacks_in_1348_1 tbody.hide-for-medium-down, #stacks_in_1348_1 tbody.hide-for-large-only, #stacks_in_1348_1 tbody.show-for-large-up, #stacks_in_1348_1 tbody.hide-for-large, #stacks_in_1348_1 tbody.hide-for-large-down, #stacks_in_1348_1 tbody.hide-for-xlarge-only, #stacks_in_1348_1 tbody.show-for-xlarge-up, #stacks_in_1348_1 tbody.show-for-xxlarge-only, #stacks_in_1348_1 tbody.show-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1348_1 tr.hide-for-small-only, #stacks_in_1348_1 tr.show-for-small-up, #stacks_in_1348_1 tr.hide-for-small, #stacks_in_1348_1 tr.hide-for-small-down, #stacks_in_1348_1 tr.hide-for-medium-only, #stacks_in_1348_1 tr.show-for-medium-up, #stacks_in_1348_1 tr.hide-for-medium, #stacks_in_1348_1 tr.hide-for-medium-down, #stacks_in_1348_1 tr.hide-for-large-only, #stacks_in_1348_1 tr.show-for-large-up, #stacks_in_1348_1 tr.hide-for-large, #stacks_in_1348_1 tr.hide-for-large-down, #stacks_in_1348_1 tr.hide-for-xlarge-only, #stacks_in_1348_1 tr.show-for-xlarge-up, #stacks_in_1348_1 tr.show-for-xxlarge-only, #stacks_in_1348_1 tr.show-for-xxlarge-up { display: table-row !important; } #stacks_in_1348_1 th.hide-for-small-only, #stacks_in_1348_1 td.hide-for-small-only, #stacks_in_1348_1 th.show-for-small-up, #stacks_in_1348_1 td.show-for-small-up, #stacks_in_1348_1 th.hide-for-small, #stacks_in_1348_1 td.hide-for-small, #stacks_in_1348_1 th.hide-for-small-down, #stacks_in_1348_1 td.hide-for-small-down, #stacks_in_1348_1 th.hide-for-medium-only, #stacks_in_1348_1 td.hide-for-medium-only, #stacks_in_1348_1 th.show-for-medium-up, #stacks_in_1348_1 td.show-for-medium-up, #stacks_in_1348_1 th.hide-for-medium, #stacks_in_1348_1 td.hide-for-medium, #stacks_in_1348_1 th.hide-for-medium-down, #stacks_in_1348_1 td.hide-for-medium-down, #stacks_in_1348_1 th.hide-for-large-only, #stacks_in_1348_1 td.hide-for-large-only, #stacks_in_1348_1 th.show-for-large-up, #stacks_in_1348_1 td.show-for-large-up, #stacks_in_1348_1 th.hide-for-large, #stacks_in_1348_1 td.hide-for-large, #stacks_in_1348_1 th.hide-for-large-down, #stacks_in_1348_1 td.hide-for-large-down, #stacks_in_1348_1 th.hide-for-xlarge-only, #stacks_in_1348_1 td.hide-for-xlarge-only, #stacks_in_1348_1 th.show-for-xlarge-up, #stacks_in_1348_1 td.show-for-xlarge-up, #stacks_in_1348_1 th.show-for-xxlarge-only, #stacks_in_1348_1 td.show-for-xxlarge-only, #stacks_in_1348_1 th.show-for-xxlarge-up, #stacks_in_1348_1 td.show-for-xxlarge-up { display: table-cell !important; } } /* Orientation targeting */ .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } /* Specific visibility for tables */ #stacks_in_1348_1 table.hide-for-landscape, #stacks_in_1348_1 table.show-for-portrait { display: table; } #stacks_in_1348_1 thead.hide-for-landscape, #stacks_in_1348_1 thead.show-for-portrait { display: table-header-group !important; } #stacks_in_1348_1 tbody.hide-for-landscape, #stacks_in_1348_1 tbody.show-for-portrait { display: table-row-group !important; } #stacks_in_1348_1 tr.hide-for-landscape, #stacks_in_1348_1 tr.show-for-portrait { display: table-row !important; } #stacks_in_1348_1 td.hide-for-landscape, #stacks_in_1348_1 td.show-for-portrait, #stacks_in_1348_1 th.hide-for-landscape, #stacks_in_1348_1 th.show-for-portrait { display: table-cell !important; } @media only screen and (orientation: landscape) { #stacks_in_1348_1 .show-for-landscape, #stacks_in_1348_1 .hide-for-portrait { display: inherit !important; } #stacks_in_1348_1 .hide-for-landscape, #stacks_in_1348_1 .show-for-portrait { display: none !important; } /* Specific visibility for tables */ #stacks_in_1348_1 table.show-for-landscape, #stacks_in_1348_1 table.hide-for-portrait { display: table; } #stacks_in_1348_1 thead.show-for-landscape, #stacks_in_1348_1 thead.hide-for-portrait { display: table-header-group !important; } #stacks_in_1348_1 tbody.show-for-landscape, #stacks_in_1348_1 tbody.hide-for-portrait { display: table-row-group !important; } #stacks_in_1348_1 tr.show-for-landscape, #stacks_in_1348_1 tr.hide-for-portrait { display: table-row !important; } #stacks_in_1348_1 td.show-for-landscape, #stacks_in_1348_1 td.hide-for-portrait, #stacks_in_1348_1 th.show-for-landscape, #stacks_in_1348_1 th.hide-for-portrait { display: table-cell !important; } } @media only screen and (orientation: portrait) { #stacks_in_1348_1 .show-for-portrait, #stacks_in_1348_1 .hide-for-landscape { display: inherit !important; } #stacks_in_1348_1 .hide-for-portrait, #stacks_in_1348_1 .show-for-landscape { display: none !important; } /* Specific visibility for tables */ #stacks_in_1348_1 table.show-for-portrait, #stacks_in_1348_1 table.hide-for-landscape { display: table; } #stacks_in_1348_1 thead.show-for-portrait, #stacks_in_1348_1 thead.hide-for-landscape { display: table-header-group !important; } #stacks_in_1348_1 tbody.show-for-portrait, #stacks_in_1348_1 tbody.hide-for-landscape { display: table-row-group !important; } #stacks_in_1348_1 tr.show-for-portrait, #stacks_in_1348_1 tr.hide-for-landscape { display: table-row !important; } #stacks_in_1348_1 td.show-for-portrait, #stacks_in_1348_1 td.hide-for-landscape, #stacks_in_1348_1 th.show-for-portrait, #stacks_in_1348_1 th.hide-for-landscape { display: table-cell !important; } } /* Touch-enabled device targeting */ .show-for-touch { display: none !important; } .hide-for-touch { display: inherit !important; } .touch #stacks_in_1348_1 .show-for-touch { display: inherit !important; } .touch #stacks_in_1348_1 .hide-for-touch { display: none !important; } /* Specific visibility for tables */ #stacks_in_1348_1 table.hide-for-touch { display: table; } .touch #stacks_in_1348_1 table.show-for-touch { display: table; } #stacks_in_1348_1 thead.hide-for-touch { display: table-header-group !important; } .touch #stacks_in_1348_1 thead.show-for-touch { display: table-header-group !important; } #stacks_in_1348_1 tbody.hide-for-touch { display: table-row-group !important; } .touch #stacks_in_1348_1 tbody.show-for-touch { display: table-row-group !important; } #stacks_in_1348_1 tr.hide-for-touch { display: table-row !important; } .touch #stacks_in_1348_1 tr.show-for-touch { display: table-row !important; } #stacks_in_1348_1 td.hide-for-touch { display: table-cell !important; } .touch #stacks_in_1348_1 td.show-for-touch { display: table-cell !important; } #stacks_in_1348_1 th.hide-for-touch { display: table-cell !important; } .touch #stacks_in_1348_1 th.show-for-touch { display: table-cell !important; } /* Print visibility */ @media print { #stacks_in_1348_1 .show-for-print { display: block; } #stacks_in_1348_1 .hide-for-print { display: none; } #stacks_in_1348_1 table.show-for-print { display: table; } #stacks_in_1348_1 thead.show-for-print { display: table-header-group !important; } #stacks_in_1348_1 tbody.show-for-print { display: table-row-group !important; } #stacks_in_1348_1 tr.show-for-print { display: table-row !important; } #stacks_in_1348_1 td.show-for-print { display: table-cell !important; } #stacks_in_1348_1 th.show-for-print { display: table-cell !important; } } /* -------------------------------- Primary style -------------------------------- */ body.overflow-hidden { /* used when modal is visible */ overflow: hidden; } body.overflow-hidden .cd-modal { display: block !important; } /* -------------------------------- Main Components -------------------------------- */ #stacks_in_1348_2 .cd-section { text-align: center; position: relative; } #stacks_in_1348_2 .cd-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; pointer-events: none; -webkit-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; -moz-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; } #stacks_in_1348_2 .cd-modal .cd-modal-content { box-sizing: border-box; height: 100%; width: 100%; padding: 3em 5%; color: #FFFFFF; text-align: left; overflow-y: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_1348_2 .cd-modal-content a, #stacks_in_1348_2 .cd-modal-content a:visited { color: #DE425A; } #stacks_in_1348_2 .cd-modal-content a:hover, #stacks_in_1348_2 .cd-modal-content a:active { color: #B13448; } #stacks_in_1348_2 .modal-is-visible .cd-modal { z-index: 300000 !important; visibility: visible; opacity: 1; pointer-events: auto; -webkit-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; -moz-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; } #stacks_in_1348_2 .modal-is-visible .cd-modal .cd-modal-content { -webkit-overflow-scrolling: touch; } @media only screen and (min-width: 768px) { #stacks_in_1348_2 .cd-modal .cd-modal-content { padding: 4em 10%; } } @media only screen and (min-width: 1170px) { #stacks_in_1348_2 .cd-modal .cd-modal-content { padding: 6em 20%; } } #stacks_in_1348_2 .cd-modal-action { position: relative; } #stacks_in_1348_2 .cd-modal-action .modal_btn, #stacks_in_1348_2 .cd-modal-action .cd-modal-bg { display: inline-block; height: 2.5em; background-color: #336699; } #stacks_in_1348_2 .modal_btn, #stacks_in_1348_2 .cd-modal-close { text-decoration: none !important; border: none !important; } #stacks_in_1348_2 .cd-modal-action .modal_btn { border-radius: 5em; color: #ffffff; line-height: 2.5em; white-space: nowrap; font-weight: 700; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: color 0.2s 0.3s, width 0.3s 0s; -moz-transition: color 0.2s 0.3s, width 0.3s 0s; transition: color 0.2s 0.3s, width 0.3s 0s; overflow: hidden; } @media only screen { #stacks_in_1348_2 .cd-modal-action .modal_btn { width: 225px; } } @media only screen and (max-width: 720px) { #stacks_in_1348_2 .cd-modal-action .modal_btn { width: 100%; } } @media only screen and (max-width: 480px) { #stacks_in_1348_2 .cd-modal-action .modal_btn { width: 100%; } } #stacks_in_1348_2 .cd-modal-action .modal_btn i { margin-right: 6px; } #stacks_in_1348_2 .cd-modal-action .modal_btn.to-circle { width: 2.5em; color: transparent !important; -webkit-transition: color 0.2s 0s, width 0.3s 0.2s; -moz-transition: color 0.2s 0s, width 0.3s 0.2s; transition: color 0.2s 0s, width 0.3s 0.2s; } #stacks_in_1348_2 .cd-modal-action .cd-modal-bg { position: absolute; z-index: 300000 !important; left: 50%; top: 0; width: 2.5em; border-radius: 50%; opacity: 0; visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateX(-2em); -moz-transform: translateX(-2em); -ms-transform: translateX(-2em); -o-transform: translateX(-2em); transform: translateX(-2em); -webkit-transition: visibility 0s 0.5s; -moz-transition: visibility 0s 0.5s; transition: visibility 0s 0.5s; } #stacks_in_1348_2 .cd-modal-action .cd-modal-bg.is-visible { opacity: 1; visibility: visible; } #stacks_in_1348_2 .cd-modal-close { position: fixed; z-index: 9999999 !important; top: 20px; right: 20px; display: block; height: 50px; width: 50px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.3); background-image: url(../files/cd-icon-close.png); background-repeat: no-repeat; background-position: center center; /* image replacement */ overflow: hidden; text-indent: 100%; white-space: nowrap; visibility: hidden; opacity: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; transition: transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; } #stacks_in_1348_2 .no-touch .cd-modal-close:hover { background-color: rgba(0, 0, 0, 0.5); } #stacks_in_1348_2 .modal-is-visible .cd-modal-close { visibility: visible; opacity: 1; -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; transition: transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } @media only screen and (min-width: 768px) { #stacks_in_1348_2 .cd-modal-close { top: 40px; right: 40px; } } #stacks_in_1348_2 .cd-modal-action a, #stacks_in_1348_2 .cd-modal-action a:visited, #stacks_in_1348_2 .cd-modal-action a:hover, #stacks_in_1348_2 .cd-modal-action a:active { color: #FFFFFF !important; text-decoration: none; } /* Font Selections */ #stacks_in_1348_2 .cd-modal-action .modal_btn { } #stacks_in_1348_2 { margin: 10px 0px 10px 0px; } #stacks_out_1348_2 { width: 48%; margin-left:0; } /* Start Print This 2 stack CSS code */ .stacks_in_1348_3PrintThisOuter{ background-color: #FFFFFF; padding: 15px; border: 1px dashed #CCCCCC; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .stacks_in_1348_3PrintThis2{ position: relative; } @font-face { font-family: "doo_fontsregular"; src: url('../files/printthis2Assets/font/doo_print-webfont.eot'); src: url('../files/printthis2Assets/font/doo_print-webfont.eot?#iefix') format('eot'), url('../files/printthis2Assets/font/doo_print-webfont.woff') format('woff'), url('../files/printthis2Assets/font/doo_print-webfont.ttf') format('truetype'), url('../files/printthis2Assets/font/doo_print-webfont.svg#doo_fontsregular') format('svg'); font-weight: normal; font-style: normal; } .stacks_in_1348_3PrintThisButton{ float: right; font-family: "doo_fontsregular"; font-size: 24px; line-height: 24px; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; color: #000000; cursor:pointer; } .stacks_in_1348_3PrintThisButton:hover{ color: #3C3C3C; } .stacks_in_1348_3clearer{ clear: both; height: 1px; padding: 0; margin: 0; } /* End Print This 2 stack CSS code */ #stacks_in_1348_7 h1,#stacks_in_1348_7 h1 a,#stacks_in_1348_7 p,#stacks_in_1348_7 p a{ font-size:15px; line-height:1.39em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_1348_7 h1,#stacks_in_1348_7 h1 a,#stacks_in_1348_7 p,#stacks_in_1348_7 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_1348_7 h1,#stacks_in_1348_7 h1 a,#stacks_in_1348_7 p,#stacks_in_1348_7 p a{ font-size:12px; } } #stacks_in_1348_7 h1,#stacks_in_1348_7 h1 a,#stacks_in_1348_7 p,#stacks_in_1348_7 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_1348_7 p a:hover, #stacks_in_1348_7 h1 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_out_1348_7 { margin-right:0; } /* -- Start Swell Each css Template -- */ #stacks_in_1532{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_1532swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_1532swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_1532swell{ max-width: 800px; } .stacks_in_1532swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_1532swell-with-zoom .mfp-container,.stacks_in_1532swell-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 198.000015ms ease-out; -moz-transition: all 198.000015ms ease-out; -o-transition: all 198.000015ms ease-out; transition: all 198.000015ms ease-out; } .stacks_in_1532swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_1532swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_1532swell-with-zoom.mfp-removing .mfp-container,.stacks_in_1532swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_1532 .swellzoomeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_1532 .swellshrinkeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_1532 .swellcircleeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #stacks_in_1532 .swellthreedeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media all and (min-width: 480px) { #stacks_in_1532 .swellzoomeffect img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } #stacks_in_1532 .swellshrinkeffect img:hover{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9); } #stacks_in_1532 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_1532 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_1532 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_1532 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_1532 .swellthreedeffect:hover{ box-shadow: 1px 1px rgba(242, 88, 95, 1.00), 2px 2px rgba(242, 88, 95, 1.00), 3px 3px rgba(242, 88, 95, 1.00); -webkit-transform: translateX(-3px); transform: translateX(-3px); } } /* -- End Swell Each css Template -- */ #stacks_in_1532 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #stacks_out_1532 { width: 50%; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_1463, #stacks_in_1463 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_1463 { padding: 20px 0px !important; } #press_alignment_stacks_in_1463 { width: 100%; } #press_alignment_stacks_in_1463.press-left { text-align: left; } #press_alignment_stacks_in_1463.press-center { text-align: center; } #press_alignment_stacks_in_1463.press-right { text-align: right; } #stacks_in_1463 { transition: all 200ms ease; /* */ /* */ /* */ background: #CCCCCC; background: -webkit-gradient(linear, left top, left bottom, from(to bottom), color-stop(#CCCCCC), to(#ACACAC)); background: linear-gradient(to bottom, #CCCCCC, #ACACAC); /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(0, 0, 0, 1.00); margin: 20px 0px 20px 20px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_1463:hover { /* */ /* */ /* */ background: rgba(255, 255, 255, 0.75); /* */ /* */ /* */ /* */ /* */ /* */ /* */ } #stacks_in_1463:hover .press-icon i { /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_1463:active { /* */ /* */ /* */ /* */ } #stacks_in_1463:active .press-icon i { /* */ } #stacks_in_1463 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 10px 20px 10px 20px; border-radius: 0px 0px 0px 0px; /* */ /* */ /* */ background: #CCCCCC; background: -webkit-gradient(linear, left top, left bottom, from(to right), color-stop(#CCCCCC), to(#999999)); background: linear-gradient(to right, #CCCCCC, #999999); /* */ /* */ /* */ /* */ margin-right: 0px; /* */ /* */ /* */ } #stacks_in_1463 .press-icon i { font-size: 17px; color: rgba(0, 0, 0, 1.00); vertical-align: middle; } #stacks_in_1463 .press-text { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; padding: 5px 14px 5px 14px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 20px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_1463 .press-text .out { margin: 0 !important; } #stacks_in_1463 { font-size: 14px; line-height: 20px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } #flex-item-stacks_in_7580 .flex-grid-item-stacks_in_7545 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_7580 .flex-grid-item-stacks_in_7545 .flex-item-content-stacks_in_7545 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_7580 .flex-grid-item-stacks_in_7545 .flex-item-content-stacks_in_7545 .flex-item-content-inner-stacks_in_7545 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7580 .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_7580 .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7580 .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7580 .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7580.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7580.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7580.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-title { color: rgba(255, 255, 255, 1.00); } /* */ #flex-stacks_in_7582 { margin: 0 auto; max-width: 1280px; } #flex-stacks_in_7582 .flex-controls { /* */ font-family: ""; /* */ display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #flex-stacks_in_7582 .flex-controls.no-inner-text #flex-toggle-stacks_in_7582::before { display: none; } #flex-stacks_in_7582 .flex-controls.no-outer-text #flex-toggle-text-stacks_in_7582 { display: none; } #flex-stacks_in_7582 .flex-controls #flex-toggle-text-stacks_in_7582 { color: rgba(69, 90, 100, 1.00); font-size: 13px; cursor: pointer; font-weight: bold; margin-right: 10px; display: inline-block; } #flex-stacks_in_7582 .flex-controls #flex-toggle-text-stacks_in_7582::before { display: inline-block; content: 'CLOSE ALL'; } #flex-stacks_in_7582 .flex-controls #flex-toggle-text-stacks_in_7582.off::before { content: 'OPEN ALL'; } #flex-stacks_in_7582 .flex-controls #flex-toggle-stacks_in_7582 { width: 40px; height: 20px; border-radius: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 2px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; cursor: pointer; position: relative; background: rgba(2, 216, 101, 1.00); transition: background 1s ease; } #flex-stacks_in_7582 .flex-controls #flex-toggle-stacks_in_7582::before { content: 'ON'; top: 50%; left: 50%; display: block; opacity: 0; font-size: 12px; color: rgba(2, 216, 101, 1.00); font-weight: bold; position: absolute; font-family: "Roboto"; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation-name: text-animation-off; animation-name: text-animation-off; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; animation-duration: 1s; } #flex-stacks_in_7582 .flex-controls #flex-toggle-stacks_in_7582 .flex-toggle-inner { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; width: 100%; border-radius: inherit; max-width: 40px; background: rgba(255, 255, 255, 1.00); transition: all 0.3s ease-out; -webkit-animation-name: toggle-animation-off; animation-name: toggle-animation-off; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; animation-duration: 1s; } #flex-stacks_in_7582 .flex-controls #flex-toggle-stacks_in_7582.off { background: rgba(229, 83, 97, 1.00); } #flex-stacks_in_7582 .flex-controls #flex-toggle-stacks_in_7582.off .flex-toggle-inner { -webkit-animation-name: toggle-animation-on; animation-name: toggle-animation-on; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; animation-duration: 1s; } #flex-stacks_in_7582 .flex-controls #flex-toggle-stacks_in_7582.off::before { content: 'OFF'; color: rgba(229, 83, 97, 1.00); -webkit-animation-name: text-animation-on; animation-name: text-animation-on; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; animation-duration: 1s; } #flex-stacks_in_7582 .flex-grid { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-radius: 5px; overflow: hidden; list-style-type: none; } #flex-stacks_in_7582 .flex-grid-row { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } #flex-stacks_in_7582 .flex-grid-item-stacks_in_7582 { box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_7582 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 { height: 0; overflow: hidden; position: relative; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_7582 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 .flex-item-content-inner-stacks_in_7582 { /* */ font-family: ""; /* */ z-index: 10; position: relative; padding: 20px 19px; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_7582 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582::before { z-index: 5; content: ''; top: 0; left: 0; right: 0; bottom: 0; display: block; position: absolute; } #flex-stacks_in_7582 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 { /* */ font-family: ""; /* */ padding: 10px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; transition: all 0.2s ease; } #flex-stacks_in_7582 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582:hover { /* */ padding: 20px 15px; box-sizing: border-box; transition: 0.3s ease; /* */ } #flex-stacks_in_7582 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582:hover .header-toggle-icon { /* */ -webkit-transform: rotate(90deg); transform: rotate(90deg); transition: 0.3s ease; /* */ } #flex-stacks_in_7582 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon, #flex-stacks_in_7582 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title, #flex-stacks_in_7582 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { z-index: 2; } #flex-stacks_in_7582 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { font-size: 20px; margin-right: 20px; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_7582 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { font-size: 20px; margin-left: auto; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_7582 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { font-size: 13px; line-height: 18.199999px; font-weight: bold; margin-right: 20px; letter-spacing: 1px; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_7582 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582::before { content: ''; display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } #flex-stacks_in_7582 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 { height: auto; } #flex-stacks_in_7582 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 { padding: 20px 15px; } #flex-stacks_in_7582 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582:hover { padding: 20px 15px; } #flex-stacks_in_7582 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582:hover .header-toggle-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #flex-stacks_in_7582 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { font-size: 20px; } #flex-stacks_in_7582 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { font-size: 13px; } #flex-stacks_in_7582 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon::before { content: '\f12a'; transition: all 0.3s ease; } #flex-stacks_in_7582 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582::before { display: block; } #flex-stacks_in_7582.layout-reverse { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #flex-stacks_in_7582.no-open-all-toggle .flex-controls { display: none; } #flex-stacks_in_7582.uppercase-headers .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 { text-transform: uppercase; } #flex-stacks_in_7582.shared-background .flex-grid-item-stacks_in_7582 { /* */ /* */ /* */ } #flex-stacks_in_7582.shared-header-overlay .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582::before { background: rgba(2, 31, 57, 1.00) !important; } #flex-stacks_in_7582.header-hover-overlays .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582:hover::before { /* */ display: block; /* */ } #flex-stacks_in_7582.header-hover-overlays .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582:hover .header-title, #flex-stacks_in_7582.header-hover-overlays .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582:hover .header-toggle-icon { /* */ color: rgba(253, 174, 31, 1.00) !important; /* */ } #flex-stacks_in_7582.header-hover-overlays .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582:hover .header-icon { /* */ color: rgba(253, 174, 31, 1.00) !important; /* */ } #flex-stacks_in_7582.shared-title .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title, #flex-stacks_in_7582.shared-title .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(0, 0, 0, 1.00) !important; } #flex-stacks_in_7582.shared-title .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title, #flex-stacks_in_7582.shared-title .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(253, 174, 31, 1.00) !important; } #flex-stacks_in_7582.shared-icon .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(3, 3, 1, 1.00) !important; } #flex-stacks_in_7582.shared-icon .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(253, 174, 31, 1.00) !important; } #flex-stacks_in_7582.shared-content-text .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 .flex-item-content-inner-stacks_in_7582 { color: rgba(255, 255, 255, 1.00) !important; } #flex-stacks_in_7582.shared-content-overlay .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582::before { background: rgba(251, 254, 254, 1.00) !important; } @media (min-width: 480px) and (max-width: 768px) { #flex-stacks_in_7582 .flex-grid { border-radius: 5px; } #flex-stacks_in_7582 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { font-size: 20px; } #flex-stacks_in_7582 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { font-size: 12px; line-height: 16.799999px; } #flex-stacks_in_7582 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { font-size: 20px; } #flex-stacks_in_7582 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { font-size: 20px; } #flex-stacks_in_7582 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { font-size: 12px; line-height: 16.799999px; } } @media (max-width: 480px) { #flex-stacks_in_7582 .flex-grid { border-radius: 5px; } #flex-stacks_in_7582 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { font-size: 20px; } #flex-stacks_in_7582 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { font-size: 10px; line-height: 14.000000px; } #flex-stacks_in_7582 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { font-size: 20px; } #flex-stacks_in_7582 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { font-size: 16px; } #flex-stacks_in_7582 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { font-size: 10px; line-height: 14.000000px; } } @-webkit-keyframes toggle-animation-on { 0% { max-width: 50%; margin-left: 50%; } 25% { max-width: 100%; margin-left: 0%; } 50% { max-width: 100%; margin-left: 0%; } 75% { max-width: 100%; margin-left: 0%; } 100% { max-width: 50%; margin-left: 0%; } } @keyframes toggle-animation-on { 0% { max-width: 50%; margin-left: 50%; } 25% { max-width: 100%; margin-left: 0%; } 50% { max-width: 100%; margin-left: 0%; } 75% { max-width: 100%; margin-left: 0%; } 100% { max-width: 50%; margin-left: 0%; } } @-webkit-keyframes toggle-animation-off { 0% { max-width: 50%; margin-left: 0%; } 25% { max-width: 100%; margin-left: 0%; } 50% { max-width: 100%; margin-left: 0%; } 75% { max-width: 100%; margin-left: 0%; } 100% { max-width: 50%; margin-left: 50%; } } @keyframes toggle-animation-off { 0% { max-width: 50%; margin-left: 0%; } 25% { max-width: 100%; margin-left: 0%; } 50% { max-width: 100%; margin-left: 0%; } 75% { max-width: 100%; margin-left: 0%; } 100% { max-width: 50%; margin-left: 50%; } } @-webkit-keyframes text-animation-off { 0% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } } @keyframes text-animation-off { 0% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes text-animation-on { 0% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } } @keyframes text-animation-on { 0% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } } #stacks_in_7582 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 11px; } #flex-item-stacks_in_7583 .flex-grid-item-stacks_in_7582 { /* */ background: rgba(230, 230, 230, 1.00); /* */ /* */ /* */ } #flex-item-stacks_in_7583 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_7583 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 .flex-item-content-inner-stacks_in_7582 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7583 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_7583 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7583 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_7583 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_7583.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7583.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7583.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_1517 h4,#stacks_in_1517 h4 a,#stacks_in_1517 p,#stacks_in_1517 p a{ font-size:17px; line-height:1.68em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_1517 h4,#stacks_in_1517 h4 a,#stacks_in_1517 p,#stacks_in_1517 p a{ font-size:16px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_1517 h4,#stacks_in_1517 h4 a,#stacks_in_1517 p,#stacks_in_1517 p a{ font-size:14px; } } #stacks_in_1517 h4,#stacks_in_1517 h4 a,#stacks_in_1517 p,#stacks_in_1517 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:right; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_1517 p a:hover, #stacks_in_1517 h4 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_1517 { margin: 11px; padding: 2px; } #stacks_in_1519 h3,#stacks_in_1519 h3 a,#stacks_in_1519 p,#stacks_in_1519 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_1519 h3,#stacks_in_1519 h3 a,#stacks_in_1519 p,#stacks_in_1519 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_1519 h3,#stacks_in_1519 h3 a,#stacks_in_1519 p,#stacks_in_1519 p a{ font-size:13px; } } #stacks_in_1519 h3,#stacks_in_1519 h3 a,#stacks_in_1519 p,#stacks_in_1519 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_1519 p a:hover, #stacks_in_1519 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_1519 { margin: 10px; } #stacks_out_1519 { margin-right:0; } #stacks_in_1522 h3,#stacks_in_1522 h3 a,#stacks_in_1522 p,#stacks_in_1522 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_1522 h3,#stacks_in_1522 h3 a,#stacks_in_1522 p,#stacks_in_1522 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_1522 h3,#stacks_in_1522 h3 a,#stacks_in_1522 p,#stacks_in_1522 p a{ font-size:13px; } } #stacks_in_1522 h3,#stacks_in_1522 h3 a,#stacks_in_1522 p,#stacks_in_1522 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_1522 p a:hover, #stacks_in_1522 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_1522 { margin: 10px; } #stacks_out_1522 { margin-right:0; } /* ********* */ /* Normalize */ /* ********* */ /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ #stacks_in_1524_1 article, #stacks_in_1524_1 aside, #stacks_in_1524_1 details, #stacks_in_1524_1 figcaption, #stacks_in_1524_1 figure, #stacks_in_1524_1 footer, #stacks_in_1524_1 header, #stacks_in_1524_1 hgroup, #stacks_in_1524_1 main, #stacks_in_1524_1 nav, #stacks_in_1524_1 section, #stacks_in_1524_1 summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ #stacks_in_1524_1 audio, #stacks_in_1524_1 canvas, #stacks_in_1524_1 progress, #stacks_in_1524_1 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ #stacks_in_1524_1 audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ #stacks_in_1524_1 [hidden], #stacks_in_1524_1 template { display: none; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ #stacks_in_1524_1 img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ #stacks_in_1524_1 svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address differences between Firefox and other browsers. */ #stacks_in_1524_1 hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ #stacks_in_1524_1 pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ #stacks_in_1524_1 code, #stacks_in_1524_1 kbd, #stacks_in_1524_1 pre, #stacks_in_1524_1 samp { font-family: monospace, monospace; font-size: 1em; } /* **************** */ /* Stack Specific */ /* **************** */ %[if ]% %[if edit]% #stacks_in_1524_1 { background-image: url(../files/images/preview_numbers_background.png), url(../files/images/preview_striped_background.png); background-repeat: no-repeat, repeat-y; background-size: 100%, 100%; background-position: center top, center 100px; border-radius: 4px; padding-top: 75px; padding-bottom: 25px; border: 1px solid #e9e9e9; } %[endif]% %[endif]% #stacks_in_1524_1 *, #stacks_in_1524_1 *:before, #stacks_in_1524_1 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } %[if !edit]% #stacks_in_1524_1 .wow { visibility: hidden; } %[endif]% #stacks_in_1524_1>ul li { padding-bottom: 0 !important; } /* iPhone aka SMALL */ @media only screen { #stacks_in_1524_1>ul>li { margin-bottom: px; } } %[if ]% /* iPad aka MEDIUM */ @media only screen and (min-width: 40.063em) { #stacks_in_1524_1>ul>li { margin-bottom: px; } } %[endif]% %[if ]% /* Desktop aka LARGE */ @media only screen and (min-width: 64.063em) { #stacks_in_1524_1>ul>li { margin-bottom: px; } } %[endif]% /* **************** */ /* Foundation START */ /* **************** */ /* Copyright (c) 2013-2014 ZURB, inc. MIT License 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. */ #stacks_in_1524_1 meta.foundation-version { font-family: "/5.3.1/"; } #stacks_in_1524_1 meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } #stacks_in_1524_1 meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } #stacks_in_1524_1 meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } #stacks_in_1524_1 meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } #stacks_in_1524_1 meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } #stacks_in_1524_1 meta.foundation-data-attribute-namespace { font-family: false; } #stacks_in_1524_1 *, #stacks_in_1524_1 *:before, #stacks_in_1524_1 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_1524_1 .left { float: left !important; } #stacks_in_1524_1 .right { float: right !important; } #stacks_in_1524_1 .clearfix:before, #stacks_in_1524_1 .clearfix:after { content: " "; display: table; } #stacks_in_1524_1 .clearfix:after { clear: both; } #stacks_in_1524_1 .hide { display: none; } #stacks_in_1524_1 .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_1524_1 img { display: inline-block; vertical-align: middle; } #stacks_in_1524_1 textarea { height: auto; min-height: 50px; } #stacks_in_1524_1 select { width: 100%; } #stacks_in_1524_1 .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } #stacks_in_1524_1 .row { max-width: 62.5em; } #stacks_in_1524_1 .row:before, #stacks_in_1524_1 .row:after { content: " "; display: table; } #stacks_in_1524_1 .row:after { clear: both; } #stacks_in_1524_1 .row.collapse > .column, #stacks_in_1524_1 .row.collapse > .columns { padding-left: 0; padding-right: 0; } #stacks_in_1524_1 .row.collapse .row { margin-left: 0; margin-right: 0; } #stacks_in_1524_1 .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; } #stacks_in_1524_1 .row .row:before, #stacks_in_1524_1 .row .row:after { content: " "; display: table; } #stacks_in_1524_1 .row .row:after { clear: both; } #stacks_in_1524_1 .row .row.collapse { width: auto; margin: 0; max-width: none; } #stacks_in_1524_1 .row .row.collapse:before, #stacks_in_1524_1 .row .row.collapse:after { content: " "; display: table; } #stacks_in_1524_1 .row .row.collapse:after { clear: both; } #stacks_in_1524_1 .column, #stacks_in_1524_1 .columns { padding-left: 0.9375em; padding-right: 0.9375em; width: 100%; float: left; } #stacks_in_1524_1 [class*="column"] + [class*="column"]:last-child { float: right; } #stacks_in_1524_1 [class*="column"] + [class*="column"].end { float: left; } @media only screen { #stacks_in_1524_1 .small-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1524_1 .small-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1524_1 .small-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1524_1 .small-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1524_1 .small-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1524_1 .small-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1524_1 .small-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1524_1 .small-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1524_1 .small-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1524_1 .small-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1524_1 .small-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1524_1 .small-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1524_1 .small-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1524_1 .small-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1524_1 .small-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1524_1 .small-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1524_1 .small-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1524_1 .small-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1524_1 .small-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1524_1 .small-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1524_1 .small-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1524_1 .small-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1524_1 .small-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1524_1 .small-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_1524_1 .column, #stacks_in_1524_1 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_1524_1 .small-1 { width: 8.33333%; } #stacks_in_1524_1 .small-2 { width: 16.66667%; } #stacks_in_1524_1 .small-3 { width: 25%; } #stacks_in_1524_1 .small-4 { width: 33.33333%; } #stacks_in_1524_1 .small-5 { width: 41.66667%; } #stacks_in_1524_1 .small-6 { width: 50%; } #stacks_in_1524_1 .small-7 { width: 58.33333%; } #stacks_in_1524_1 .small-8 { width: 66.66667%; } #stacks_in_1524_1 .small-9 { width: 75%; } #stacks_in_1524_1 .small-10 { width: 83.33333%; } #stacks_in_1524_1 .small-11 { width: 91.66667%; } #stacks_in_1524_1 .small-12 { width: 100%; } #stacks_in_1524_1 .small-offset-0 { margin-left: 0% !important; } #stacks_in_1524_1 .small-offset-1 { margin-left: 8.33333% !important; } #stacks_in_1524_1 .small-offset-2 { margin-left: 16.66667% !important; } #stacks_in_1524_1 .small-offset-3 { margin-left: 25% !important; } #stacks_in_1524_1 .small-offset-4 { margin-left: 33.33333% !important; } #stacks_in_1524_1 .small-offset-5 { margin-left: 41.66667% !important; } #stacks_in_1524_1 .small-offset-6 { margin-left: 50% !important; } #stacks_in_1524_1 .small-offset-7 { margin-left: 58.33333% !important; } #stacks_in_1524_1 .small-offset-8 { margin-left: 66.66667% !important; } #stacks_in_1524_1 .small-offset-9 { margin-left: 75% !important; } #stacks_in_1524_1 .small-offset-10 { margin-left: 83.33333% !important; } #stacks_in_1524_1 .small-offset-11 { margin-left: 91.66667% !important; } #stacks_in_1524_1 .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_1524_1 .column.small-centered, #stacks_in_1524_1 .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_1524_1 .column.small-uncentered, #stacks_in_1524_1 .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_1524_1 .column.small-centered:last-child, #stacks_in_1524_1 .columns.small-centered:last-child { float: none; } #stacks_in_1524_1 .column.small-uncentered:last-child, #stacks_in_1524_1 .columns.small-uncentered:last-child { float: left; } #stacks_in_1524_1 .column.small-uncentered.opposite, #stacks_in_1524_1 .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 40.063em) { #stacks_in_1524_1 .medium-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1524_1 .medium-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1524_1 .medium-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1524_1 .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1524_1 .medium-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1524_1 .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1524_1 .medium-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1524_1 .medium-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1524_1 .medium-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1524_1 .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1524_1 .medium-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1524_1 .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1524_1 .medium-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1524_1 .medium-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1524_1 .medium-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1524_1 .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1524_1 .medium-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1524_1 .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1524_1 .medium-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1524_1 .medium-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1524_1 .medium-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1524_1 .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1524_1 .medium-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1524_1 .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_1524_1 .column, #stacks_in_1524_1 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_1524_1 .medium-1 { width: 8.33333%; } #stacks_in_1524_1 .medium-2 { width: 16.66667%; } #stacks_in_1524_1 .medium-3 { width: 25%; } #stacks_in_1524_1 .medium-4 { width: 33.33333%; } #stacks_in_1524_1 .medium-5 { width: 41.66667%; } #stacks_in_1524_1 .medium-6 { width: 50%; } #stacks_in_1524_1 .medium-7 { width: 58.33333%; } #stacks_in_1524_1 .medium-8 { width: 66.66667%; } #stacks_in_1524_1 .medium-9 { width: 75%; } #stacks_in_1524_1 .medium-10 { width: 83.33333%; } #stacks_in_1524_1 .medium-11 { width: 91.66667%; } #stacks_in_1524_1 .medium-12 { width: 100%; } #stacks_in_1524_1 .medium-offset-0 { margin-left: 0% !important; } #stacks_in_1524_1 .medium-offset-1 { margin-left: 8.33333% !important; } #stacks_in_1524_1 .medium-offset-2 { margin-left: 16.66667% !important; } #stacks_in_1524_1 .medium-offset-3 { margin-left: 25% !important; } #stacks_in_1524_1 .medium-offset-4 { margin-left: 33.33333% !important; } #stacks_in_1524_1 .medium-offset-5 { margin-left: 41.66667% !important; } #stacks_in_1524_1 .medium-offset-6 { margin-left: 50% !important; } #stacks_in_1524_1 .medium-offset-7 { margin-left: 58.33333% !important; } #stacks_in_1524_1 .medium-offset-8 { margin-left: 66.66667% !important; } #stacks_in_1524_1 .medium-offset-9 { margin-left: 75% !important; } #stacks_in_1524_1 .medium-offset-10 { margin-left: 83.33333% !important; } #stacks_in_1524_1 .medium-offset-11 { margin-left: 91.66667% !important; } #stacks_in_1524_1 .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_1524_1 .column.medium-centered, #stacks_in_1524_1 .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_1524_1 .column.medium-uncentered, #stacks_in_1524_1 .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_1524_1 .column.medium-centered:last-child, #stacks_in_1524_1 .columns.medium-centered:last-child { float: none; } #stacks_in_1524_1 .column.medium-uncentered:last-child, #stacks_in_1524_1 .columns.medium-uncentered:last-child { float: left; } #stacks_in_1524_1 .column.medium-uncentered.opposite, #stacks_in_1524_1 .columns.medium-uncentered.opposite { float: right; } #stacks_in_1524_1 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1524_1 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1524_1 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1524_1 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1524_1 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1524_1 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1524_1 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1524_1 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1524_1 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1524_1 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1524_1 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1524_1 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1524_1 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1524_1 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1524_1 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1524_1 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1524_1 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1524_1 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1524_1 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1524_1 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1524_1 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1524_1 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1524_1 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1524_1 .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { #stacks_in_1524_1 .large-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1524_1 .large-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1524_1 .large-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1524_1 .large-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1524_1 .large-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1524_1 .large-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1524_1 .large-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1524_1 .large-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1524_1 .large-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1524_1 .large-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1524_1 .large-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1524_1 .large-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1524_1 .large-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1524_1 .large-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1524_1 .large-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1524_1 .large-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1524_1 .large-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1524_1 .large-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1524_1 .large-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1524_1 .large-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1524_1 .large-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1524_1 .large-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1524_1 .large-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1524_1 .large-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_1524_1 .column, #stacks_in_1524_1 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_1524_1 .large-1 { width: 8.33333%; } #stacks_in_1524_1 .large-2 { width: 16.66667%; } #stacks_in_1524_1 .large-3 { width: 25%; } #stacks_in_1524_1 .large-4 { width: 33.33333%; } #stacks_in_1524_1 .large-5 { width: 41.66667%; } #stacks_in_1524_1 .large-6 { width: 50%; } #stacks_in_1524_1 .large-7 { width: 58.33333%; } #stacks_in_1524_1 .large-8 { width: 66.66667%; } #stacks_in_1524_1 .large-9 { width: 75%; } #stacks_in_1524_1 .large-10 { width: 83.33333%; } #stacks_in_1524_1 .large-11 { width: 91.66667%; } #stacks_in_1524_1 .large-12 { width: 100%; } #stacks_in_1524_1 .large-offset-0 { margin-left: 0% !important; } #stacks_in_1524_1 .large-offset-1 { margin-left: 8.33333% !important; } #stacks_in_1524_1 .large-offset-2 { margin-left: 16.66667% !important; } #stacks_in_1524_1 .large-offset-3 { margin-left: 25% !important; } #stacks_in_1524_1 .large-offset-4 { margin-left: 33.33333% !important; } #stacks_in_1524_1 .large-offset-5 { margin-left: 41.66667% !important; } #stacks_in_1524_1 .large-offset-6 { margin-left: 50% !important; } #stacks_in_1524_1 .large-offset-7 { margin-left: 58.33333% !important; } #stacks_in_1524_1 .large-offset-8 { margin-left: 66.66667% !important; } #stacks_in_1524_1 .large-offset-9 { margin-left: 75% !important; } #stacks_in_1524_1 .large-offset-10 { margin-left: 83.33333% !important; } #stacks_in_1524_1 .large-offset-11 { margin-left: 91.66667% !important; } #stacks_in_1524_1 .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_1524_1 .column.large-centered, #stacks_in_1524_1 .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_1524_1 .column.large-uncentered, #stacks_in_1524_1 .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_1524_1 .column.large-centered:last-child, #stacks_in_1524_1 .columns.large-centered:last-child { float: none; } #stacks_in_1524_1 .column.large-uncentered:last-child, #stacks_in_1524_1 .columns.large-uncentered:last-child { float: left; } #stacks_in_1524_1 .column.large-uncentered.opposite, #stacks_in_1524_1 .columns.large-uncentered.opposite { float: right; } #stacks_in_1524_1 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1524_1 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1524_1 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1524_1 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1524_1 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1524_1 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1524_1 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1524_1 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1524_1 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1524_1 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1524_1 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1524_1 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1524_1 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1524_1 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1524_1 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1524_1 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1524_1 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1524_1 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1524_1 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1524_1 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1524_1 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1524_1 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1524_1 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1524_1 .pull-11 { position: relative; right: 91.66667%; left: auto; } } #stacks_in_1524_1 [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } #stacks_in_1524_1 [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } #stacks_in_1524_1 [class*="block-grid-"]:after { clear: both; } #stacks_in_1524_1 [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { #stacks_in_1524_1 .small-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_1524_1 .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_1524_1 .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_1524_1 .small-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_1524_1 .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_1524_1 .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_1524_1 .small-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_1524_1 .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_1524_1 .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_1524_1 .small-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_1524_1 .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_1524_1 .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_1524_1 .small-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_1524_1 .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_1524_1 .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_1524_1 .small-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_1524_1 .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_1524_1 .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_1524_1 .small-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_1524_1 .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_1524_1 .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_1524_1 .small-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_1524_1 .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_1524_1 .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_1524_1 .small-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_1524_1 .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_1524_1 .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_1524_1 .small-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_1524_1 .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_1524_1 .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_1524_1 .small-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_1524_1 .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_1524_1 .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_1524_1 .small-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_1524_1 .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_1524_1 .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { #stacks_in_1524_1 .medium-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_1524_1 .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_1524_1 .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_1524_1 .medium-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_1524_1 .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_1524_1 .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_1524_1 .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_1524_1 .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_1524_1 .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_1524_1 .medium-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_1524_1 .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_1524_1 .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_1524_1 .medium-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_1524_1 .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_1524_1 .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_1524_1 .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_1524_1 .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_1524_1 .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_1524_1 .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_1524_1 .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_1524_1 .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_1524_1 .medium-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_1524_1 .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_1524_1 .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_1524_1 .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_1524_1 .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_1524_1 .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_1524_1 .medium-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_1524_1 .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_1524_1 .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_1524_1 .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_1524_1 .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_1524_1 .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_1524_1 .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_1524_1 .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_1524_1 .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { #stacks_in_1524_1 .large-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_1524_1 .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_1524_1 .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_1524_1 .large-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_1524_1 .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_1524_1 .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_1524_1 .large-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_1524_1 .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_1524_1 .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_1524_1 .large-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_1524_1 .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_1524_1 .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_1524_1 .large-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_1524_1 .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_1524_1 .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_1524_1 .large-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_1524_1 .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_1524_1 .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_1524_1 .large-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_1524_1 .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_1524_1 .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_1524_1 .large-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_1524_1 .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_1524_1 .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_1524_1 .large-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_1524_1 .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_1524_1 .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_1524_1 .large-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_1524_1 .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_1524_1 .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_1524_1 .large-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_1524_1 .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_1524_1 .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_1524_1 .large-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_1524_1 .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_1524_1 .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } /* Visibility CSS - Foundation */ /* small displays */ @media only screen { #stacks_in_1524_1 .show-for-small-only, #stacks_in_1524_1 .show-for-small-up, #stacks_in_1524_1 .show-for-small, #stacks_in_1524_1 .show-for-small-down, #stacks_in_1524_1 .hide-for-medium-only, #stacks_in_1524_1 .hide-for-medium-up, #stacks_in_1524_1 .hide-for-medium, #stacks_in_1524_1 .show-for-medium-down, #stacks_in_1524_1 .hide-for-large-only, #stacks_in_1524_1 .hide-for-large-up, #stacks_in_1524_1 .hide-for-large, #stacks_in_1524_1 .show-for-large-down, #stacks_in_1524_1 .hide-for-xlarge-only, #stacks_in_1524_1 .hide-for-xlarge-up, #stacks_in_1524_1 .hide-for-xxlarge-only, #stacks_in_1524_1 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_1524_1 .hide-for-small-only, #stacks_in_1524_1 .hide-for-small-up, #stacks_in_1524_1 .hide-for-small, #stacks_in_1524_1 .hide-for-small-down, #stacks_in_1524_1 .show-for-medium-only, #stacks_in_1524_1 .show-for-medium-up, #stacks_in_1524_1 .show-for-medium, #stacks_in_1524_1 .hide-for-medium-down, #stacks_in_1524_1 .show-for-large-only, #stacks_in_1524_1 .show-for-large-up, #stacks_in_1524_1 .show-for-large, #stacks_in_1524_1 .hide-for-large-down, #stacks_in_1524_1 .show-for-xlarge-only, #stacks_in_1524_1 .show-for-xlarge-up, #stacks_in_1524_1 .show-for-xxlarge-only, #stacks_in_1524_1 .show-for-xxlarge-up { display: none !important; } #stacks_in_1524_1 .visible-for-small-only, #stacks_in_1524_1 .visible-for-small-up, #stacks_in_1524_1 .visible-for-small, #stacks_in_1524_1 .visible-for-small-down, #stacks_in_1524_1 .hidden-for-medium-only, #stacks_in_1524_1 .hidden-for-medium-up, #stacks_in_1524_1 .hidden-for-medium, #stacks_in_1524_1 .visible-for-medium-down, #stacks_in_1524_1 .hidden-for-large-only, #stacks_in_1524_1 .hidden-for-large-up, #stacks_in_1524_1 .hidden-for-large, #stacks_in_1524_1 .visible-for-large-down, #stacks_in_1524_1 .hidden-for-xlarge-only, #stacks_in_1524_1 .hidden-for-xlarge-up, #stacks_in_1524_1 .hidden-for-xxlarge-only, #stacks_in_1524_1 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1524_1 .hidden-for-small-only, #stacks_in_1524_1 .hidden-for-small-up, #stacks_in_1524_1 .hidden-for-small, #stacks_in_1524_1 .hidden-for-small-down, #stacks_in_1524_1 .visible-for-medium-only, #stacks_in_1524_1 .visible-for-medium-up, #stacks_in_1524_1 .visible-for-medium, #stacks_in_1524_1 .hidden-for-medium-down, #stacks_in_1524_1 .visible-for-large-only, #stacks_in_1524_1 .visible-for-large-up, #stacks_in_1524_1 .visible-for-large, #stacks_in_1524_1 .hidden-for-large-down, #stacks_in_1524_1 .visible-for-xlarge-only, #stacks_in_1524_1 .visible-for-xlarge-up, #stacks_in_1524_1 .visible-for-xxlarge-only, #stacks_in_1524_1 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1524_1 table.show-for-small-only, #stacks_in_1524_1 table.show-for-small-up, #stacks_in_1524_1 table.show-for-small, #stacks_in_1524_1 table.show-for-small-down, #stacks_in_1524_1 table.hide-for-medium-only, #stacks_in_1524_1 table.hide-for-medium-up, #stacks_in_1524_1 table.hide-for-medium, #stacks_in_1524_1 table.show-for-medium-down, #stacks_in_1524_1 table.hide-for-large-only, #stacks_in_1524_1 table.hide-for-large-up, #stacks_in_1524_1 table.hide-for-large, #stacks_in_1524_1 table.show-for-large-down, #stacks_in_1524_1 table.hide-for-xlarge-only, #stacks_in_1524_1 table.hide-for-xlarge-up, #stacks_in_1524_1 table.hide-for-xxlarge-only, #stacks_in_1524_1 table.hide-for-xxlarge-up { display: table; } #stacks_in_1524_1 thead.show-for-small-only, #stacks_in_1524_1 thead.show-for-small-up, #stacks_in_1524_1 thead.show-for-small, #stacks_in_1524_1 thead.show-for-small-down, #stacks_in_1524_1 thead.hide-for-medium-only, #stacks_in_1524_1 thead.hide-for-medium-up, #stacks_in_1524_1 thead.hide-for-medium, #stacks_in_1524_1 thead.show-for-medium-down, #stacks_in_1524_1 thead.hide-for-large-only, #stacks_in_1524_1 thead.hide-for-large-up, #stacks_in_1524_1 thead.hide-for-large, #stacks_in_1524_1 thead.show-for-large-down, #stacks_in_1524_1 thead.hide-for-xlarge-only, #stacks_in_1524_1 thead.hide-for-xlarge-up, #stacks_in_1524_1 thead.hide-for-xxlarge-only, #stacks_in_1524_1 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1524_1 tbody.show-for-small-only, #stacks_in_1524_1 tbody.show-for-small-up, #stacks_in_1524_1 tbody.show-for-small, #stacks_in_1524_1 tbody.show-for-small-down, #stacks_in_1524_1 tbody.hide-for-medium-only, #stacks_in_1524_1 tbody.hide-for-medium-up, #stacks_in_1524_1 tbody.hide-for-medium, #stacks_in_1524_1 tbody.show-for-medium-down, #stacks_in_1524_1 tbody.hide-for-large-only, #stacks_in_1524_1 tbody.hide-for-large-up, #stacks_in_1524_1 tbody.hide-for-large, #stacks_in_1524_1 tbody.show-for-large-down, #stacks_in_1524_1 tbody.hide-for-xlarge-only, #stacks_in_1524_1 tbody.hide-for-xlarge-up, #stacks_in_1524_1 tbody.hide-for-xxlarge-only, #stacks_in_1524_1 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1524_1 tr.show-for-small-only, #stacks_in_1524_1 tr.show-for-small-up, #stacks_in_1524_1 tr.show-for-small, #stacks_in_1524_1 tr.show-for-small-down, #stacks_in_1524_1 tr.hide-for-medium-only, #stacks_in_1524_1 tr.hide-for-medium-up, #stacks_in_1524_1 tr.hide-for-medium, #stacks_in_1524_1 tr.show-for-medium-down, #stacks_in_1524_1 tr.hide-for-large-only, #stacks_in_1524_1 tr.hide-for-large-up, #stacks_in_1524_1 tr.hide-for-large, #stacks_in_1524_1 tr.show-for-large-down, #stacks_in_1524_1 tr.hide-for-xlarge-only, #stacks_in_1524_1 tr.hide-for-xlarge-up, #stacks_in_1524_1 tr.hide-for-xxlarge-only, #stacks_in_1524_1 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_1524_1 th.show-for-small-only, #stacks_in_1524_1 td.show-for-small-only, #stacks_in_1524_1 th.show-for-small-up, #stacks_in_1524_1 td.show-for-small-up, #stacks_in_1524_1 th.show-for-small, #stacks_in_1524_1 td.show-for-small, #stacks_in_1524_1 th.show-for-small-down, #stacks_in_1524_1 td.show-for-small-down, #stacks_in_1524_1 th.hide-for-medium-only, #stacks_in_1524_1 td.hide-for-medium-only, #stacks_in_1524_1 th.hide-for-medium-up, #stacks_in_1524_1 td.hide-for-medium-up, #stacks_in_1524_1 th.hide-for-medium, #stacks_in_1524_1 td.hide-for-medium, #stacks_in_1524_1 th.show-for-medium-down, #stacks_in_1524_1 td.show-for-medium-down, #stacks_in_1524_1 th.hide-for-large-only, #stacks_in_1524_1 td.hide-for-large-only, #stacks_in_1524_1 th.hide-for-large-up, #stacks_in_1524_1 td.hide-for-large-up, #stacks_in_1524_1 th.hide-for-large, #stacks_in_1524_1 td.hide-for-large, #stacks_in_1524_1 th.show-for-large-down, #stacks_in_1524_1 td.show-for-large-down, #stacks_in_1524_1 th.hide-for-xlarge-only, #stacks_in_1524_1 td.hide-for-xlarge-only, #stacks_in_1524_1 th.hide-for-xlarge-up, #stacks_in_1524_1 td.hide-for-xlarge-up, #stacks_in_1524_1 th.hide-for-xxlarge-only, #stacks_in_1524_1 td.hide-for-xxlarge-only, #stacks_in_1524_1 th.hide-for-xxlarge-up, #stacks_in_1524_1 td.hide-for-xxlarge-up { display: table-cell !important; } } /* medium displays */ @media only screen and (min-width: 40.063em) { #stacks_in_1524_1 .hide-for-small-only, #stacks_in_1524_1 .show-for-small-up, #stacks_in_1524_1 .hide-for-small, #stacks_in_1524_1 .hide-for-small-down, #stacks_in_1524_1 .show-for-medium-only, #stacks_in_1524_1 .show-for-medium-up, #stacks_in_1524_1 .show-for-medium, #stacks_in_1524_1 .show-for-medium-down, #stacks_in_1524_1 .hide-for-large-only, #stacks_in_1524_1 .hide-for-large-up, #stacks_in_1524_1 .hide-for-large, #stacks_in_1524_1 .show-for-large-down, #stacks_in_1524_1 .hide-for-xlarge-only, #stacks_in_1524_1 .hide-for-xlarge-up, #stacks_in_1524_1 .hide-for-xxlarge-only, #stacks_in_1524_1 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_1524_1 .show-for-small-only, #stacks_in_1524_1 .hide-for-small-up, #stacks_in_1524_1 .show-for-small, #stacks_in_1524_1 .show-for-small-down, #stacks_in_1524_1 .hide-for-medium-only, #stacks_in_1524_1 .hide-for-medium-up, #stacks_in_1524_1 .hide-for-medium, #stacks_in_1524_1 .hide-for-medium-down, #stacks_in_1524_1 .show-for-large-only, #stacks_in_1524_1 .show-for-large-up, #stacks_in_1524_1 .show-for-large, #stacks_in_1524_1 .hide-for-large-down, #stacks_in_1524_1 .show-for-xlarge-only, #stacks_in_1524_1 .show-for-xlarge-up, #stacks_in_1524_1 .show-for-xxlarge-only, #stacks_in_1524_1 .show-for-xxlarge-up { display: none !important; } #stacks_in_1524_1 .hidden-for-small-only, #stacks_in_1524_1 .visible-for-small-up, #stacks_in_1524_1 .hidden-for-small, #stacks_in_1524_1 .hidden-for-small-down, #stacks_in_1524_1 .visible-for-medium-only, #stacks_in_1524_1 .visible-for-medium-up, #stacks_in_1524_1 .visible-for-medium, #stacks_in_1524_1 .visible-for-medium-down, #stacks_in_1524_1 .hidden-for-large-only, #stacks_in_1524_1 .hidden-for-large-up, #stacks_in_1524_1 .hidden-for-large, #stacks_in_1524_1 .visible-for-large-down, #stacks_in_1524_1 .hidden-for-xlarge-only, #stacks_in_1524_1 .hidden-for-xlarge-up, #stacks_in_1524_1 .hidden-for-xxlarge-only, #stacks_in_1524_1 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1524_1 .visible-for-small-only, #stacks_in_1524_1 .hidden-for-small-up, #stacks_in_1524_1 .visible-for-small, #stacks_in_1524_1 .visible-for-small-down, #stacks_in_1524_1 .hidden-for-medium-only, #stacks_in_1524_1 .hidden-for-medium-up, #stacks_in_1524_1 .hidden-for-medium, #stacks_in_1524_1 .hidden-for-medium-down, #stacks_in_1524_1 .visible-for-large-only, #stacks_in_1524_1 .visible-for-large-up, #stacks_in_1524_1 .visible-for-large, #stacks_in_1524_1 .hidden-for-large-down, #stacks_in_1524_1 .visible-for-xlarge-only, #stacks_in_1524_1 .visible-for-xlarge-up, #stacks_in_1524_1 .visible-for-xxlarge-only, #stacks_in_1524_1 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1524_1 table.hide-for-small-only, #stacks_in_1524_1 table.show-for-small-up, #stacks_in_1524_1 table.hide-for-small, #stacks_in_1524_1 table.hide-for-small-down, #stacks_in_1524_1 table.show-for-medium-only, #stacks_in_1524_1 table.show-for-medium-up, #stacks_in_1524_1 table.show-for-medium, #stacks_in_1524_1 table.show-for-medium-down, #stacks_in_1524_1 table.hide-for-large-only, #stacks_in_1524_1 table.hide-for-large-up, #stacks_in_1524_1 table.hide-for-large, #stacks_in_1524_1 table.show-for-large-down, #stacks_in_1524_1 table.hide-for-xlarge-only, #stacks_in_1524_1 table.hide-for-xlarge-up, #stacks_in_1524_1 table.hide-for-xxlarge-only, #stacks_in_1524_1 table.hide-for-xxlarge-up { display: table; } #stacks_in_1524_1 thead.hide-for-small-only, #stacks_in_1524_1 thead.show-for-small-up, #stacks_in_1524_1 thead.hide-for-small, #stacks_in_1524_1 thead.hide-for-small-down, #stacks_in_1524_1 thead.show-for-medium-only, #stacks_in_1524_1 thead.show-for-medium-up, #stacks_in_1524_1 thead.show-for-medium, #stacks_in_1524_1 thead.show-for-medium-down, #stacks_in_1524_1 thead.hide-for-large-only, #stacks_in_1524_1 thead.hide-for-large-up, #stacks_in_1524_1 thead.hide-for-large, #stacks_in_1524_1 thead.show-for-large-down, #stacks_in_1524_1 thead.hide-for-xlarge-only, #stacks_in_1524_1 thead.hide-for-xlarge-up, #stacks_in_1524_1 thead.hide-for-xxlarge-only, #stacks_in_1524_1 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1524_1 tbody.hide-for-small-only, #stacks_in_1524_1 tbody.show-for-small-up, #stacks_in_1524_1 tbody.hide-for-small, #stacks_in_1524_1 tbody.hide-for-small-down, #stacks_in_1524_1 tbody.show-for-medium-only, #stacks_in_1524_1 tbody.show-for-medium-up, #stacks_in_1524_1 tbody.show-for-medium, #stacks_in_1524_1 tbody.show-for-medium-down, #stacks_in_1524_1 tbody.hide-for-large-only, #stacks_in_1524_1 tbody.hide-for-large-up, #stacks_in_1524_1 tbody.hide-for-large, #stacks_in_1524_1 tbody.show-for-large-down, #stacks_in_1524_1 tbody.hide-for-xlarge-only, #stacks_in_1524_1 tbody.hide-for-xlarge-up, #stacks_in_1524_1 tbody.hide-for-xxlarge-only, #stacks_in_1524_1 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1524_1 tr.hide-for-small-only, #stacks_in_1524_1 tr.show-for-small-up, #stacks_in_1524_1 tr.hide-for-small, #stacks_in_1524_1 tr.hide-for-small-down, #stacks_in_1524_1 tr.show-for-medium-only, #stacks_in_1524_1 tr.show-for-medium-up, #stacks_in_1524_1 tr.show-for-medium, #stacks_in_1524_1 tr.show-for-medium-down, #stacks_in_1524_1 tr.hide-for-large-only, #stacks_in_1524_1 tr.hide-for-large-up, #stacks_in_1524_1 tr.hide-for-large, #stacks_in_1524_1 tr.show-for-large-down, #stacks_in_1524_1 tr.hide-for-xlarge-only, #stacks_in_1524_1 tr.hide-for-xlarge-up, #stacks_in_1524_1 tr.hide-for-xxlarge-only, #stacks_in_1524_1 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_1524_1 th.hide-for-small-only, #stacks_in_1524_1 td.hide-for-small-only, #stacks_in_1524_1 th.show-for-small-up, #stacks_in_1524_1 td.show-for-small-up, #stacks_in_1524_1 th.hide-for-small, #stacks_in_1524_1 td.hide-for-small, #stacks_in_1524_1 th.hide-for-small-down, #stacks_in_1524_1 td.hide-for-small-down, #stacks_in_1524_1 th.show-for-medium-only, #stacks_in_1524_1 td.show-for-medium-only, #stacks_in_1524_1 th.show-for-medium-up, #stacks_in_1524_1 td.show-for-medium-up, #stacks_in_1524_1 th.show-for-medium, #stacks_in_1524_1 td.show-for-medium, #stacks_in_1524_1 th.show-for-medium-down, #stacks_in_1524_1 td.show-for-medium-down, #stacks_in_1524_1 th.hide-for-large-only, #stacks_in_1524_1 td.hide-for-large-only, #stacks_in_1524_1 th.hide-for-large-up, #stacks_in_1524_1 td.hide-for-large-up, #stacks_in_1524_1 th.hide-for-large, #stacks_in_1524_1 td.hide-for-large, #stacks_in_1524_1 th.show-for-large-down, #stacks_in_1524_1 td.show-for-large-down, #stacks_in_1524_1 th.hide-for-xlarge-only, #stacks_in_1524_1 td.hide-for-xlarge-only, #stacks_in_1524_1 th.hide-for-xlarge-up, #stacks_in_1524_1 td.hide-for-xlarge-up, #stacks_in_1524_1 th.hide-for-xxlarge-only, #stacks_in_1524_1 td.hide-for-xxlarge-only, #stacks_in_1524_1 th.hide-for-xxlarge-up, #stacks_in_1524_1 td.hide-for-xxlarge-up { display: table-cell !important; } } /* large displays */ @media only screen and (min-width: 64.063em) { #stacks_in_1524_1 .hide-for-small-only, #stacks_in_1524_1 .show-for-small-up, #stacks_in_1524_1 .hide-for-small, #stacks_in_1524_1 .hide-for-small-down, #stacks_in_1524_1 .hide-for-medium-only, #stacks_in_1524_1 .show-for-medium-up, #stacks_in_1524_1 .hide-for-medium, #stacks_in_1524_1 .hide-for-medium-down, #stacks_in_1524_1 .show-for-large-only, #stacks_in_1524_1 .show-for-large-up, #stacks_in_1524_1 .show-for-large, #stacks_in_1524_1 .show-for-large-down, #stacks_in_1524_1 .hide-for-xlarge-only, #stacks_in_1524_1 .hide-for-xlarge-up, #stacks_in_1524_1 .hide-for-xxlarge-only, #stacks_in_1524_1 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_1524_1 .show-for-small-only, #stacks_in_1524_1 .hide-for-small-up, #stacks_in_1524_1 .show-for-small, #stacks_in_1524_1 .show-for-small-down, #stacks_in_1524_1 .show-for-medium-only, #stacks_in_1524_1 .hide-for-medium-up, #stacks_in_1524_1 .show-for-medium, #stacks_in_1524_1 .show-for-medium-down, #stacks_in_1524_1 .hide-for-large-only, #stacks_in_1524_1 .hide-for-large-up, #stacks_in_1524_1 .hide-for-large, #stacks_in_1524_1 .hide-for-large-down, #stacks_in_1524_1 .show-for-xlarge-only, #stacks_in_1524_1 .show-for-xlarge-up, #stacks_in_1524_1 .show-for-xxlarge-only, #stacks_in_1524_1 .show-for-xxlarge-up { display: none !important; } #stacks_in_1524_1 .hidden-for-small-only, #stacks_in_1524_1 .visible-for-small-up, #stacks_in_1524_1 .hidden-for-small, #stacks_in_1524_1 .hidden-for-small-down, #stacks_in_1524_1 .hidden-for-medium-only, #stacks_in_1524_1 .visible-for-medium-up, #stacks_in_1524_1 .hidden-for-medium, #stacks_in_1524_1 .hidden-for-medium-down, #stacks_in_1524_1 .visible-for-large-only, #stacks_in_1524_1 .visible-for-large-up, #stacks_in_1524_1 .visible-for-large, #stacks_in_1524_1 .visible-for-large-down, #stacks_in_1524_1 .hidden-for-xlarge-only, #stacks_in_1524_1 .hidden-for-xlarge-up, #stacks_in_1524_1 .hidden-for-xxlarge-only, #stacks_in_1524_1 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1524_1 .visible-for-small-only, #stacks_in_1524_1 .hidden-for-small-up, #stacks_in_1524_1 .visible-for-small, #stacks_in_1524_1 .visible-for-small-down, #stacks_in_1524_1 .visible-for-medium-only, #stacks_in_1524_1 .hidden-for-medium-up, #stacks_in_1524_1 .visible-for-medium, #stacks_in_1524_1 .visible-for-medium-down, #stacks_in_1524_1 .hidden-for-large-only, #stacks_in_1524_1 .hidden-for-large-up, #stacks_in_1524_1 .hidden-for-large, #stacks_in_1524_1 .hidden-for-large-down, #stacks_in_1524_1 .visible-for-xlarge-only, #stacks_in_1524_1 .visible-for-xlarge-up, #stacks_in_1524_1 .visible-for-xxlarge-only, #stacks_in_1524_1 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1524_1 table.hide-for-small-only, #stacks_in_1524_1 table.show-for-small-up, #stacks_in_1524_1 table.hide-for-small, #stacks_in_1524_1 table.hide-for-small-down, #stacks_in_1524_1 table.hide-for-medium-only, #stacks_in_1524_1 table.show-for-medium-up, #stacks_in_1524_1 table.hide-for-medium, #stacks_in_1524_1 table.hide-for-medium-down, #stacks_in_1524_1 table.show-for-large-only, #stacks_in_1524_1 table.show-for-large-up, #stacks_in_1524_1 table.show-for-large, #stacks_in_1524_1 table.show-for-large-down, #stacks_in_1524_1 table.hide-for-xlarge-only, #stacks_in_1524_1 table.hide-for-xlarge-up, #stacks_in_1524_1 table.hide-for-xxlarge-only, #stacks_in_1524_1 table.hide-for-xxlarge-up { display: table; } #stacks_in_1524_1 thead.hide-for-small-only, #stacks_in_1524_1 thead.show-for-small-up, #stacks_in_1524_1 thead.hide-for-small, #stacks_in_1524_1 thead.hide-for-small-down, #stacks_in_1524_1 thead.hide-for-medium-only, #stacks_in_1524_1 thead.show-for-medium-up, #stacks_in_1524_1 thead.hide-for-medium, #stacks_in_1524_1 thead.hide-for-medium-down, #stacks_in_1524_1 thead.show-for-large-only, #stacks_in_1524_1 thead.show-for-large-up, #stacks_in_1524_1 thead.show-for-large, #stacks_in_1524_1 thead.show-for-large-down, #stacks_in_1524_1 thead.hide-for-xlarge-only, #stacks_in_1524_1 thead.hide-for-xlarge-up, #stacks_in_1524_1 thead.hide-for-xxlarge-only, #stacks_in_1524_1 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1524_1 tbody.hide-for-small-only, #stacks_in_1524_1 tbody.show-for-small-up, #stacks_in_1524_1 tbody.hide-for-small, #stacks_in_1524_1 tbody.hide-for-small-down, #stacks_in_1524_1 tbody.hide-for-medium-only, #stacks_in_1524_1 tbody.show-for-medium-up, #stacks_in_1524_1 tbody.hide-for-medium, #stacks_in_1524_1 tbody.hide-for-medium-down, #stacks_in_1524_1 tbody.show-for-large-only, #stacks_in_1524_1 tbody.show-for-large-up, #stacks_in_1524_1 tbody.show-for-large, #stacks_in_1524_1 tbody.show-for-large-down, #stacks_in_1524_1 tbody.hide-for-xlarge-only, #stacks_in_1524_1 tbody.hide-for-xlarge-up, #stacks_in_1524_1 tbody.hide-for-xxlarge-only, #stacks_in_1524_1 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1524_1 tr.hide-for-small-only, #stacks_in_1524_1 tr.show-for-small-up, #stacks_in_1524_1 tr.hide-for-small, #stacks_in_1524_1 tr.hide-for-small-down, #stacks_in_1524_1 tr.hide-for-medium-only, #stacks_in_1524_1 tr.show-for-medium-up, #stacks_in_1524_1 tr.hide-for-medium, #stacks_in_1524_1 tr.hide-for-medium-down, #stacks_in_1524_1 tr.show-for-large-only, #stacks_in_1524_1 tr.show-for-large-up, #stacks_in_1524_1 tr.show-for-large, #stacks_in_1524_1 tr.show-for-large-down, #stacks_in_1524_1 tr.hide-for-xlarge-only, #stacks_in_1524_1 tr.hide-for-xlarge-up, #stacks_in_1524_1 tr.hide-for-xxlarge-only, #stacks_in_1524_1 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_1524_1 th.hide-for-small-only, #stacks_in_1524_1 td.hide-for-small-only, #stacks_in_1524_1 th.show-for-small-up, #stacks_in_1524_1 td.show-for-small-up, #stacks_in_1524_1 th.hide-for-small, #stacks_in_1524_1 td.hide-for-small, #stacks_in_1524_1 th.hide-for-small-down, #stacks_in_1524_1 td.hide-for-small-down, #stacks_in_1524_1 th.hide-for-medium-only, #stacks_in_1524_1 td.hide-for-medium-only, #stacks_in_1524_1 th.show-for-medium-up, #stacks_in_1524_1 td.show-for-medium-up, #stacks_in_1524_1 th.hide-for-medium, #stacks_in_1524_1 td.hide-for-medium, #stacks_in_1524_1 th.hide-for-medium-down, #stacks_in_1524_1 td.hide-for-medium-down, #stacks_in_1524_1 th.show-for-large-only, #stacks_in_1524_1 td.show-for-large-only, #stacks_in_1524_1 th.show-for-large-up, #stacks_in_1524_1 td.show-for-large-up, #stacks_in_1524_1 th.show-for-large, #stacks_in_1524_1 td.show-for-large, #stacks_in_1524_1 th.show-for-large-down, #stacks_in_1524_1 td.show-for-large-down, #stacks_in_1524_1 th.hide-for-xlarge-only, #stacks_in_1524_1 td.hide-for-xlarge-only, #stacks_in_1524_1 th.hide-for-xlarge-up, #stacks_in_1524_1 td.hide-for-xlarge-up, #stacks_in_1524_1 th.hide-for-xxlarge-only, #stacks_in_1524_1 td.hide-for-xxlarge-only, #stacks_in_1524_1 th.hide-for-xxlarge-up, #stacks_in_1524_1 td.hide-for-xxlarge-up { display: table-cell !important; } } /* xlarge displays */ @media only screen and (min-width: 90.063em) { #stacks_in_1524_1 .hide-for-small-only, #stacks_in_1524_1 .show-for-small-up, #stacks_in_1524_1 .hide-for-small, #stacks_in_1524_1 .hide-for-small-down, #stacks_in_1524_1 .hide-for-medium-only, #stacks_in_1524_1 .show-for-medium-up, #stacks_in_1524_1 .hide-for-medium, #stacks_in_1524_1 .hide-for-medium-down, #stacks_in_1524_1 .hide-for-large-only, #stacks_in_1524_1 .show-for-large-up, #stacks_in_1524_1 .hide-for-large, #stacks_in_1524_1 .hide-for-large-down, #stacks_in_1524_1 .show-for-xlarge-only, #stacks_in_1524_1 .show-for-xlarge-up, #stacks_in_1524_1 .hide-for-xxlarge-only, #stacks_in_1524_1 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_1524_1 .show-for-small-only, #stacks_in_1524_1 .hide-for-small-up, #stacks_in_1524_1 .show-for-small, #stacks_in_1524_1 .show-for-small-down, #stacks_in_1524_1 .show-for-medium-only, #stacks_in_1524_1 .hide-for-medium-up, #stacks_in_1524_1 .show-for-medium, #stacks_in_1524_1 .show-for-medium-down, #stacks_in_1524_1 .show-for-large-only, #stacks_in_1524_1 .hide-for-large-up, #stacks_in_1524_1 .show-for-large, #stacks_in_1524_1 .show-for-large-down, #stacks_in_1524_1 .hide-for-xlarge-only, #stacks_in_1524_1 .hide-for-xlarge-up, #stacks_in_1524_1 .show-for-xxlarge-only, #stacks_in_1524_1 .show-for-xxlarge-up { display: none !important; } #stacks_in_1524_1 .hidden-for-small-only, #stacks_in_1524_1 .visible-for-small-up, #stacks_in_1524_1 .hidden-for-small, #stacks_in_1524_1 .hidden-for-small-down, #stacks_in_1524_1 .hidden-for-medium-only, #stacks_in_1524_1 .visible-for-medium-up, #stacks_in_1524_1 .hidden-for-medium, #stacks_in_1524_1 .hidden-for-medium-down, #stacks_in_1524_1 .hidden-for-large-only, #stacks_in_1524_1 .visible-for-large-up, #stacks_in_1524_1 .hidden-for-large, #stacks_in_1524_1 .hidden-for-large-down, #stacks_in_1524_1 .visible-for-xlarge-only, #stacks_in_1524_1 .visible-for-xlarge-up, #stacks_in_1524_1 .hidden-for-xxlarge-only, #stacks_in_1524_1 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1524_1 .visible-for-small-only, #stacks_in_1524_1 .hidden-for-small-up, #stacks_in_1524_1 .visible-for-small, #stacks_in_1524_1 .visible-for-small-down, #stacks_in_1524_1 .visible-for-medium-only, #stacks_in_1524_1 .hidden-for-medium-up, #stacks_in_1524_1 .visible-for-medium, #stacks_in_1524_1 .visible-for-medium-down, #stacks_in_1524_1 .visible-for-large-only, #stacks_in_1524_1 .hidden-for-large-up, #stacks_in_1524_1 .visible-for-large, #stacks_in_1524_1 .visible-for-large-down, #stacks_in_1524_1 .hidden-for-xlarge-only, #stacks_in_1524_1 .hidden-for-xlarge-up, #stacks_in_1524_1 .visible-for-xxlarge-only, #stacks_in_1524_1 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1524_1 table.hide-for-small-only, #stacks_in_1524_1 table.show-for-small-up, #stacks_in_1524_1 table.hide-for-small, #stacks_in_1524_1 table.hide-for-small-down, #stacks_in_1524_1 table.hide-for-medium-only, #stacks_in_1524_1 table.show-for-medium-up, #stacks_in_1524_1 table.hide-for-medium, #stacks_in_1524_1 table.hide-for-medium-down, #stacks_in_1524_1 table.hide-for-large-only, #stacks_in_1524_1 table.show-for-large-up, #stacks_in_1524_1 table.hide-for-large, #stacks_in_1524_1 table.hide-for-large-down, #stacks_in_1524_1 table.show-for-xlarge-only, #stacks_in_1524_1 table.show-for-xlarge-up, #stacks_in_1524_1 table.hide-for-xxlarge-only, #stacks_in_1524_1 table.hide-for-xxlarge-up { display: table; } #stacks_in_1524_1 thead.hide-for-small-only, #stacks_in_1524_1 thead.show-for-small-up, #stacks_in_1524_1 thead.hide-for-small, #stacks_in_1524_1 thead.hide-for-small-down, #stacks_in_1524_1 thead.hide-for-medium-only, #stacks_in_1524_1 thead.show-for-medium-up, #stacks_in_1524_1 thead.hide-for-medium, #stacks_in_1524_1 thead.hide-for-medium-down, #stacks_in_1524_1 thead.hide-for-large-only, #stacks_in_1524_1 thead.show-for-large-up, #stacks_in_1524_1 thead.hide-for-large, #stacks_in_1524_1 thead.hide-for-large-down, #stacks_in_1524_1 thead.show-for-xlarge-only, #stacks_in_1524_1 thead.show-for-xlarge-up, #stacks_in_1524_1 thead.hide-for-xxlarge-only, #stacks_in_1524_1 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1524_1 tbody.hide-for-small-only, #stacks_in_1524_1 tbody.show-for-small-up, #stacks_in_1524_1 tbody.hide-for-small, #stacks_in_1524_1 tbody.hide-for-small-down, #stacks_in_1524_1 tbody.hide-for-medium-only, #stacks_in_1524_1 tbody.show-for-medium-up, #stacks_in_1524_1 tbody.hide-for-medium, #stacks_in_1524_1 tbody.hide-for-medium-down, #stacks_in_1524_1 tbody.hide-for-large-only, #stacks_in_1524_1 tbody.show-for-large-up, #stacks_in_1524_1 tbody.hide-for-large, #stacks_in_1524_1 tbody.hide-for-large-down, #stacks_in_1524_1 tbody.show-for-xlarge-only, #stacks_in_1524_1 tbody.show-for-xlarge-up, #stacks_in_1524_1 tbody.hide-for-xxlarge-only, #stacks_in_1524_1 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1524_1 tr.hide-for-small-only, #stacks_in_1524_1 tr.show-for-small-up, #stacks_in_1524_1 tr.hide-for-small, #stacks_in_1524_1 tr.hide-for-small-down, #stacks_in_1524_1 tr.hide-for-medium-only, #stacks_in_1524_1 tr.show-for-medium-up, #stacks_in_1524_1 tr.hide-for-medium, #stacks_in_1524_1 tr.hide-for-medium-down, #stacks_in_1524_1 tr.hide-for-large-only, #stacks_in_1524_1 tr.show-for-large-up, #stacks_in_1524_1 tr.hide-for-large, #stacks_in_1524_1 tr.hide-for-large-down, #stacks_in_1524_1 tr.show-for-xlarge-only, #stacks_in_1524_1 tr.show-for-xlarge-up, #stacks_in_1524_1 tr.hide-for-xxlarge-only, #stacks_in_1524_1 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_1524_1 th.hide-for-small-only, #stacks_in_1524_1 td.hide-for-small-only, #stacks_in_1524_1 th.show-for-small-up, #stacks_in_1524_1 td.show-for-small-up, #stacks_in_1524_1 th.hide-for-small, #stacks_in_1524_1 td.hide-for-small, #stacks_in_1524_1 th.hide-for-small-down, #stacks_in_1524_1 td.hide-for-small-down, #stacks_in_1524_1 th.hide-for-medium-only, #stacks_in_1524_1 td.hide-for-medium-only, #stacks_in_1524_1 th.show-for-medium-up, #stacks_in_1524_1 td.show-for-medium-up, #stacks_in_1524_1 th.hide-for-medium, #stacks_in_1524_1 td.hide-for-medium, #stacks_in_1524_1 th.hide-for-medium-down, #stacks_in_1524_1 td.hide-for-medium-down, #stacks_in_1524_1 th.hide-for-large-only, #stacks_in_1524_1 td.hide-for-large-only, #stacks_in_1524_1 th.show-for-large-up, #stacks_in_1524_1 td.show-for-large-up, #stacks_in_1524_1 th.hide-for-large, #stacks_in_1524_1 td.hide-for-large, #stacks_in_1524_1 th.hide-for-large-down, #stacks_in_1524_1 td.hide-for-large-down, #stacks_in_1524_1 th.show-for-xlarge-only, #stacks_in_1524_1 td.show-for-xlarge-only, #stacks_in_1524_1 th.show-for-xlarge-up, #stacks_in_1524_1 td.show-for-xlarge-up, #stacks_in_1524_1 th.hide-for-xxlarge-only, #stacks_in_1524_1 td.hide-for-xxlarge-only, #stacks_in_1524_1 th.hide-for-xxlarge-up, #stacks_in_1524_1 td.hide-for-xxlarge-up { display: table-cell !important; } } /* xxlarge displays */ @media only screen and (min-width: 120.063em) { #stacks_in_1524_1 .hide-for-small-only, #stacks_in_1524_1 .show-for-small-up, #stacks_in_1524_1 .hide-for-small, #stacks_in_1524_1 .hide-for-small-down, #stacks_in_1524_1 .hide-for-medium-only, #stacks_in_1524_1 .show-for-medium-up, #stacks_in_1524_1 .hide-for-medium, #stacks_in_1524_1 .hide-for-medium-down, #stacks_in_1524_1 .hide-for-large-only, #stacks_in_1524_1 .show-for-large-up, #stacks_in_1524_1 .hide-for-large, #stacks_in_1524_1 .hide-for-large-down, #stacks_in_1524_1 .hide-for-xlarge-only, #stacks_in_1524_1 .show-for-xlarge-up, #stacks_in_1524_1 .show-for-xxlarge-only, #stacks_in_1524_1 .show-for-xxlarge-up { display: inherit !important; } #stacks_in_1524_1 .show-for-small-only, #stacks_in_1524_1 .hide-for-small-up, #stacks_in_1524_1 .show-for-small, #stacks_in_1524_1 .show-for-small-down, #stacks_in_1524_1 .show-for-medium-only, #stacks_in_1524_1 .hide-for-medium-up, #stacks_in_1524_1 .show-for-medium, #stacks_in_1524_1 .show-for-medium-down, #stacks_in_1524_1 .show-for-large-only, #stacks_in_1524_1 .hide-for-large-up, #stacks_in_1524_1 .show-for-large, #stacks_in_1524_1 .show-for-large-down, #stacks_in_1524_1 .show-for-xlarge-only, #stacks_in_1524_1 .hide-for-xlarge-up, #stacks_in_1524_1 .hide-for-xxlarge-only, #stacks_in_1524_1 .hide-for-xxlarge-up { display: none !important; } #stacks_in_1524_1 .hidden-for-small-only, #stacks_in_1524_1 .visible-for-small-up, #stacks_in_1524_1 .hidden-for-small, #stacks_in_1524_1 .hidden-for-small-down, #stacks_in_1524_1 .hidden-for-medium-only, #stacks_in_1524_1 .visible-for-medium-up, #stacks_in_1524_1 .hidden-for-medium, #stacks_in_1524_1 .hidden-for-medium-down, #stacks_in_1524_1 .hidden-for-large-only, #stacks_in_1524_1 .visible-for-large-up, #stacks_in_1524_1 .hidden-for-large, #stacks_in_1524_1 .hidden-for-large-down, #stacks_in_1524_1 .hidden-for-xlarge-only, #stacks_in_1524_1 .visible-for-xlarge-up, #stacks_in_1524_1 .visible-for-xxlarge-only, #stacks_in_1524_1 .visible-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1524_1 .visible-for-small-only, #stacks_in_1524_1 .hidden-for-small-up, #stacks_in_1524_1 .visible-for-small, #stacks_in_1524_1 .visible-for-small-down, #stacks_in_1524_1 .visible-for-medium-only, #stacks_in_1524_1 .hidden-for-medium-up, #stacks_in_1524_1 .visible-for-medium, #stacks_in_1524_1 .visible-for-medium-down, #stacks_in_1524_1 .visible-for-large-only, #stacks_in_1524_1 .hidden-for-large-up, #stacks_in_1524_1 .visible-for-large, #stacks_in_1524_1 .visible-for-large-down, #stacks_in_1524_1 .visible-for-xlarge-only, #stacks_in_1524_1 .hidden-for-xlarge-up, #stacks_in_1524_1 .hidden-for-xxlarge-only, #stacks_in_1524_1 .hidden-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1524_1 table.hide-for-small-only, #stacks_in_1524_1 table.show-for-small-up, #stacks_in_1524_1 table.hide-for-small, #stacks_in_1524_1 table.hide-for-small-down, #stacks_in_1524_1 table.hide-for-medium-only, #stacks_in_1524_1 table.show-for-medium-up, #stacks_in_1524_1 table.hide-for-medium, #stacks_in_1524_1 table.hide-for-medium-down, #stacks_in_1524_1 table.hide-for-large-only, #stacks_in_1524_1 table.show-for-large-up, #stacks_in_1524_1 table.hide-for-large, #stacks_in_1524_1 table.hide-for-large-down, #stacks_in_1524_1 table.hide-for-xlarge-only, #stacks_in_1524_1 table.show-for-xlarge-up, #stacks_in_1524_1 table.show-for-xxlarge-only, #stacks_in_1524_1 table.show-for-xxlarge-up { display: table; } #stacks_in_1524_1 thead.hide-for-small-only, #stacks_in_1524_1 thead.show-for-small-up, #stacks_in_1524_1 thead.hide-for-small, #stacks_in_1524_1 thead.hide-for-small-down, #stacks_in_1524_1 thead.hide-for-medium-only, #stacks_in_1524_1 thead.show-for-medium-up, #stacks_in_1524_1 thead.hide-for-medium, #stacks_in_1524_1 thead.hide-for-medium-down, #stacks_in_1524_1 thead.hide-for-large-only, #stacks_in_1524_1 thead.show-for-large-up, #stacks_in_1524_1 thead.hide-for-large, #stacks_in_1524_1 thead.hide-for-large-down, #stacks_in_1524_1 thead.hide-for-xlarge-only, #stacks_in_1524_1 thead.show-for-xlarge-up, #stacks_in_1524_1 thead.show-for-xxlarge-only, #stacks_in_1524_1 thead.show-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1524_1 tbody.hide-for-small-only, #stacks_in_1524_1 tbody.show-for-small-up, #stacks_in_1524_1 tbody.hide-for-small, #stacks_in_1524_1 tbody.hide-for-small-down, #stacks_in_1524_1 tbody.hide-for-medium-only, #stacks_in_1524_1 tbody.show-for-medium-up, #stacks_in_1524_1 tbody.hide-for-medium, #stacks_in_1524_1 tbody.hide-for-medium-down, #stacks_in_1524_1 tbody.hide-for-large-only, #stacks_in_1524_1 tbody.show-for-large-up, #stacks_in_1524_1 tbody.hide-for-large, #stacks_in_1524_1 tbody.hide-for-large-down, #stacks_in_1524_1 tbody.hide-for-xlarge-only, #stacks_in_1524_1 tbody.show-for-xlarge-up, #stacks_in_1524_1 tbody.show-for-xxlarge-only, #stacks_in_1524_1 tbody.show-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1524_1 tr.hide-for-small-only, #stacks_in_1524_1 tr.show-for-small-up, #stacks_in_1524_1 tr.hide-for-small, #stacks_in_1524_1 tr.hide-for-small-down, #stacks_in_1524_1 tr.hide-for-medium-only, #stacks_in_1524_1 tr.show-for-medium-up, #stacks_in_1524_1 tr.hide-for-medium, #stacks_in_1524_1 tr.hide-for-medium-down, #stacks_in_1524_1 tr.hide-for-large-only, #stacks_in_1524_1 tr.show-for-large-up, #stacks_in_1524_1 tr.hide-for-large, #stacks_in_1524_1 tr.hide-for-large-down, #stacks_in_1524_1 tr.hide-for-xlarge-only, #stacks_in_1524_1 tr.show-for-xlarge-up, #stacks_in_1524_1 tr.show-for-xxlarge-only, #stacks_in_1524_1 tr.show-for-xxlarge-up { display: table-row !important; } #stacks_in_1524_1 th.hide-for-small-only, #stacks_in_1524_1 td.hide-for-small-only, #stacks_in_1524_1 th.show-for-small-up, #stacks_in_1524_1 td.show-for-small-up, #stacks_in_1524_1 th.hide-for-small, #stacks_in_1524_1 td.hide-for-small, #stacks_in_1524_1 th.hide-for-small-down, #stacks_in_1524_1 td.hide-for-small-down, #stacks_in_1524_1 th.hide-for-medium-only, #stacks_in_1524_1 td.hide-for-medium-only, #stacks_in_1524_1 th.show-for-medium-up, #stacks_in_1524_1 td.show-for-medium-up, #stacks_in_1524_1 th.hide-for-medium, #stacks_in_1524_1 td.hide-for-medium, #stacks_in_1524_1 th.hide-for-medium-down, #stacks_in_1524_1 td.hide-for-medium-down, #stacks_in_1524_1 th.hide-for-large-only, #stacks_in_1524_1 td.hide-for-large-only, #stacks_in_1524_1 th.show-for-large-up, #stacks_in_1524_1 td.show-for-large-up, #stacks_in_1524_1 th.hide-for-large, #stacks_in_1524_1 td.hide-for-large, #stacks_in_1524_1 th.hide-for-large-down, #stacks_in_1524_1 td.hide-for-large-down, #stacks_in_1524_1 th.hide-for-xlarge-only, #stacks_in_1524_1 td.hide-for-xlarge-only, #stacks_in_1524_1 th.show-for-xlarge-up, #stacks_in_1524_1 td.show-for-xlarge-up, #stacks_in_1524_1 th.show-for-xxlarge-only, #stacks_in_1524_1 td.show-for-xxlarge-only, #stacks_in_1524_1 th.show-for-xxlarge-up, #stacks_in_1524_1 td.show-for-xxlarge-up { display: table-cell !important; } } /* Orientation targeting */ .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } /* Specific visibility for tables */ #stacks_in_1524_1 table.hide-for-landscape, #stacks_in_1524_1 table.show-for-portrait { display: table; } #stacks_in_1524_1 thead.hide-for-landscape, #stacks_in_1524_1 thead.show-for-portrait { display: table-header-group !important; } #stacks_in_1524_1 tbody.hide-for-landscape, #stacks_in_1524_1 tbody.show-for-portrait { display: table-row-group !important; } #stacks_in_1524_1 tr.hide-for-landscape, #stacks_in_1524_1 tr.show-for-portrait { display: table-row !important; } #stacks_in_1524_1 td.hide-for-landscape, #stacks_in_1524_1 td.show-for-portrait, #stacks_in_1524_1 th.hide-for-landscape, #stacks_in_1524_1 th.show-for-portrait { display: table-cell !important; } @media only screen and (orientation: landscape) { #stacks_in_1524_1 .show-for-landscape, #stacks_in_1524_1 .hide-for-portrait { display: inherit !important; } #stacks_in_1524_1 .hide-for-landscape, #stacks_in_1524_1 .show-for-portrait { display: none !important; } /* Specific visibility for tables */ #stacks_in_1524_1 table.show-for-landscape, #stacks_in_1524_1 table.hide-for-portrait { display: table; } #stacks_in_1524_1 thead.show-for-landscape, #stacks_in_1524_1 thead.hide-for-portrait { display: table-header-group !important; } #stacks_in_1524_1 tbody.show-for-landscape, #stacks_in_1524_1 tbody.hide-for-portrait { display: table-row-group !important; } #stacks_in_1524_1 tr.show-for-landscape, #stacks_in_1524_1 tr.hide-for-portrait { display: table-row !important; } #stacks_in_1524_1 td.show-for-landscape, #stacks_in_1524_1 td.hide-for-portrait, #stacks_in_1524_1 th.show-for-landscape, #stacks_in_1524_1 th.hide-for-portrait { display: table-cell !important; } } @media only screen and (orientation: portrait) { #stacks_in_1524_1 .show-for-portrait, #stacks_in_1524_1 .hide-for-landscape { display: inherit !important; } #stacks_in_1524_1 .hide-for-portrait, #stacks_in_1524_1 .show-for-landscape { display: none !important; } /* Specific visibility for tables */ #stacks_in_1524_1 table.show-for-portrait, #stacks_in_1524_1 table.hide-for-landscape { display: table; } #stacks_in_1524_1 thead.show-for-portrait, #stacks_in_1524_1 thead.hide-for-landscape { display: table-header-group !important; } #stacks_in_1524_1 tbody.show-for-portrait, #stacks_in_1524_1 tbody.hide-for-landscape { display: table-row-group !important; } #stacks_in_1524_1 tr.show-for-portrait, #stacks_in_1524_1 tr.hide-for-landscape { display: table-row !important; } #stacks_in_1524_1 td.show-for-portrait, #stacks_in_1524_1 td.hide-for-landscape, #stacks_in_1524_1 th.show-for-portrait, #stacks_in_1524_1 th.hide-for-landscape { display: table-cell !important; } } /* Touch-enabled device targeting */ .show-for-touch { display: none !important; } .hide-for-touch { display: inherit !important; } .touch #stacks_in_1524_1 .show-for-touch { display: inherit !important; } .touch #stacks_in_1524_1 .hide-for-touch { display: none !important; } /* Specific visibility for tables */ #stacks_in_1524_1 table.hide-for-touch { display: table; } .touch #stacks_in_1524_1 table.show-for-touch { display: table; } #stacks_in_1524_1 thead.hide-for-touch { display: table-header-group !important; } .touch #stacks_in_1524_1 thead.show-for-touch { display: table-header-group !important; } #stacks_in_1524_1 tbody.hide-for-touch { display: table-row-group !important; } .touch #stacks_in_1524_1 tbody.show-for-touch { display: table-row-group !important; } #stacks_in_1524_1 tr.hide-for-touch { display: table-row !important; } .touch #stacks_in_1524_1 tr.show-for-touch { display: table-row !important; } #stacks_in_1524_1 td.hide-for-touch { display: table-cell !important; } .touch #stacks_in_1524_1 td.show-for-touch { display: table-cell !important; } #stacks_in_1524_1 th.hide-for-touch { display: table-cell !important; } .touch #stacks_in_1524_1 th.show-for-touch { display: table-cell !important; } /* Print visibility */ @media print { #stacks_in_1524_1 .show-for-print { display: block; } #stacks_in_1524_1 .hide-for-print { display: none; } #stacks_in_1524_1 table.show-for-print { display: table; } #stacks_in_1524_1 thead.show-for-print { display: table-header-group !important; } #stacks_in_1524_1 tbody.show-for-print { display: table-row-group !important; } #stacks_in_1524_1 tr.show-for-print { display: table-row !important; } #stacks_in_1524_1 td.show-for-print { display: table-cell !important; } #stacks_in_1524_1 th.show-for-print { display: table-cell !important; } } /* -------------------------------- Primary style -------------------------------- */ body.overflow-hidden { /* used when modal is visible */ overflow: hidden; } body.overflow-hidden .cd-modal { display: block !important; } /* -------------------------------- Main Components -------------------------------- */ #stacks_in_1524_2 .cd-section { text-align: center; position: relative; } #stacks_in_1524_2 .cd-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; pointer-events: none; -webkit-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; -moz-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; } #stacks_in_1524_2 .cd-modal .cd-modal-content { box-sizing: border-box; height: 100%; width: 100%; padding: 3em 5%; color: #FFFFFF; text-align: left; overflow-y: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_1524_2 .cd-modal-content a, #stacks_in_1524_2 .cd-modal-content a:visited { color: #DE425A; } #stacks_in_1524_2 .cd-modal-content a:hover, #stacks_in_1524_2 .cd-modal-content a:active { color: #B13448; } #stacks_in_1524_2 .modal-is-visible .cd-modal { z-index: 300000 !important; visibility: visible; opacity: 1; pointer-events: auto; -webkit-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; -moz-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; } #stacks_in_1524_2 .modal-is-visible .cd-modal .cd-modal-content { -webkit-overflow-scrolling: touch; } @media only screen and (min-width: 768px) { #stacks_in_1524_2 .cd-modal .cd-modal-content { padding: 4em 10%; } } @media only screen and (min-width: 1170px) { #stacks_in_1524_2 .cd-modal .cd-modal-content { padding: 6em 20%; } } #stacks_in_1524_2 .cd-modal-action { position: relative; } #stacks_in_1524_2 .cd-modal-action .modal_btn, #stacks_in_1524_2 .cd-modal-action .cd-modal-bg { display: inline-block; height: 2.5em; background-color: #336699; } #stacks_in_1524_2 .modal_btn, #stacks_in_1524_2 .cd-modal-close { text-decoration: none !important; border: none !important; } #stacks_in_1524_2 .cd-modal-action .modal_btn { border-radius: 5em; color: #ffffff; line-height: 2.5em; white-space: nowrap; font-weight: 700; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: color 0.2s 0.3s, width 0.3s 0s; -moz-transition: color 0.2s 0.3s, width 0.3s 0s; transition: color 0.2s 0.3s, width 0.3s 0s; overflow: hidden; } @media only screen { #stacks_in_1524_2 .cd-modal-action .modal_btn { width: 225px; } } @media only screen and (max-width: 720px) { #stacks_in_1524_2 .cd-modal-action .modal_btn { width: 100%; } } @media only screen and (max-width: 480px) { #stacks_in_1524_2 .cd-modal-action .modal_btn { width: 100%; } } #stacks_in_1524_2 .cd-modal-action .modal_btn i { margin-right: 6px; } #stacks_in_1524_2 .cd-modal-action .modal_btn.to-circle { width: 2.5em; color: transparent !important; -webkit-transition: color 0.2s 0s, width 0.3s 0.2s; -moz-transition: color 0.2s 0s, width 0.3s 0.2s; transition: color 0.2s 0s, width 0.3s 0.2s; } #stacks_in_1524_2 .cd-modal-action .cd-modal-bg { position: absolute; z-index: 300000 !important; left: 50%; top: 0; width: 2.5em; border-radius: 50%; opacity: 0; visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateX(-2em); -moz-transform: translateX(-2em); -ms-transform: translateX(-2em); -o-transform: translateX(-2em); transform: translateX(-2em); -webkit-transition: visibility 0s 0.5s; -moz-transition: visibility 0s 0.5s; transition: visibility 0s 0.5s; } #stacks_in_1524_2 .cd-modal-action .cd-modal-bg.is-visible { opacity: 1; visibility: visible; } #stacks_in_1524_2 .cd-modal-close { position: fixed; z-index: 9999999 !important; top: 20px; right: 20px; display: block; height: 50px; width: 50px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.3); background-image: url(../files/cd-icon-close.png); background-repeat: no-repeat; background-position: center center; /* image replacement */ overflow: hidden; text-indent: 100%; white-space: nowrap; visibility: hidden; opacity: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; transition: transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; } #stacks_in_1524_2 .no-touch .cd-modal-close:hover { background-color: rgba(0, 0, 0, 0.5); } #stacks_in_1524_2 .modal-is-visible .cd-modal-close { visibility: visible; opacity: 1; -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; transition: transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } @media only screen and (min-width: 768px) { #stacks_in_1524_2 .cd-modal-close { top: 40px; right: 40px; } } #stacks_in_1524_2 .cd-modal-action a, #stacks_in_1524_2 .cd-modal-action a:visited, #stacks_in_1524_2 .cd-modal-action a:hover, #stacks_in_1524_2 .cd-modal-action a:active { color: #FFFFFF !important; text-decoration: none; } /* Font Selections */ #stacks_in_1524_2 .cd-modal-action .modal_btn { } #stacks_in_1524_2 { margin: 10px 0px 10px 0px; } #stacks_out_1524_2 { width: 48%; margin-left:0; } /* Start Print This 2 stack CSS code */ .stacks_in_1524_3PrintThisOuter{ background-color: #FFFFFF; padding: 15px; border: 1px dashed #CCCCCC; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .stacks_in_1524_3PrintThis2{ position: relative; } @font-face { font-family: "doo_fontsregular"; src: url('../files/printthis2Assets/font/doo_print-webfont.eot'); src: url('../files/printthis2Assets/font/doo_print-webfont.eot?#iefix') format('eot'), url('../files/printthis2Assets/font/doo_print-webfont.woff') format('woff'), url('../files/printthis2Assets/font/doo_print-webfont.ttf') format('truetype'), url('../files/printthis2Assets/font/doo_print-webfont.svg#doo_fontsregular') format('svg'); font-weight: normal; font-style: normal; } .stacks_in_1524_3PrintThisButton{ float: right; font-family: "doo_fontsregular"; font-size: 24px; line-height: 24px; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; color: #000000; cursor:pointer; } .stacks_in_1524_3PrintThisButton:hover{ color: #3C3C3C; } .stacks_in_1524_3clearer{ clear: both; height: 1px; padding: 0; margin: 0; } /* End Print This 2 stack CSS code */ #stacks_in_1524_7 h1,#stacks_in_1524_7 h1 a,#stacks_in_1524_7 p,#stacks_in_1524_7 p a{ font-size:15px; line-height:1.39em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_1524_7 h1,#stacks_in_1524_7 h1 a,#stacks_in_1524_7 p,#stacks_in_1524_7 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_1524_7 h1,#stacks_in_1524_7 h1 a,#stacks_in_1524_7 p,#stacks_in_1524_7 p a{ font-size:12px; } } #stacks_in_1524_7 h1,#stacks_in_1524_7 h1 a,#stacks_in_1524_7 p,#stacks_in_1524_7 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_1524_7 p a:hover, #stacks_in_1524_7 h1 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_out_1524_7 { margin-right:0; } #stacks_in_1525 h3,#stacks_in_1525 h3 a,#stacks_in_1525 p,#stacks_in_1525 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_1525 h3,#stacks_in_1525 h3 a,#stacks_in_1525 p,#stacks_in_1525 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_1525 h3,#stacks_in_1525 h3 a,#stacks_in_1525 p,#stacks_in_1525 p a{ font-size:13px; } } #stacks_in_1525 h3,#stacks_in_1525 h3 a,#stacks_in_1525 p,#stacks_in_1525 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_1525 p a:hover, #stacks_in_1525 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_1525 { margin: 10px; } #stacks_out_1525 { margin-right:0; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_1527, #stacks_in_1527 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_1527 { padding: 20px 0px !important; } #press_alignment_stacks_in_1527 { width: 100%; } #press_alignment_stacks_in_1527.press-left { text-align: left; } #press_alignment_stacks_in_1527.press-center { text-align: center; } #press_alignment_stacks_in_1527.press-right { text-align: right; } #stacks_in_1527 { transition: all 200ms ease; /* */ /* */ /* */ background: #CCCCCC; background: -webkit-gradient(linear, left top, left bottom, from(to bottom), color-stop(#CCCCCC), to(#ACACAC)); background: linear-gradient(to bottom, #CCCCCC, #ACACAC); /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(0, 0, 0, 1.00); margin: 20px 0px 20px 20px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_1527:hover { /* */ /* */ /* */ background: rgba(255, 255, 255, 0.75); /* */ /* */ /* */ /* */ /* */ /* */ /* */ } #stacks_in_1527:hover .press-icon i { /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_1527:active { /* */ /* */ /* */ /* */ } #stacks_in_1527:active .press-icon i { /* */ } #stacks_in_1527 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 10px 20px 10px 20px; border-radius: 0px 0px 0px 0px; /* */ /* */ /* */ background: #CCCCCC; background: -webkit-gradient(linear, left top, left bottom, from(to right), color-stop(#CCCCCC), to(#999999)); background: linear-gradient(to right, #CCCCCC, #999999); /* */ /* */ /* */ /* */ margin-right: 0px; /* */ /* */ /* */ } #stacks_in_1527 .press-icon i { font-size: 17px; color: rgba(0, 0, 0, 1.00); vertical-align: middle; } #stacks_in_1527 .press-text { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; padding: 5px 14px 5px 14px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 20px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_1527 .press-text .out { margin: 0 !important; } #stacks_in_1527 { font-size: 14px; line-height: 20px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } #flex-item-stacks_in_7595 .flex-grid-item-stacks_in_7582 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_7595 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_7595 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 .flex-item-content-inner-stacks_in_7582 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7595 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_7595 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7595 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7595 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7595.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7595.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7595.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_1469 h3,#stacks_in_1469 h3 a,#stacks_in_1469 p,#stacks_in_1469 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_1469 h3,#stacks_in_1469 h3 a,#stacks_in_1469 p,#stacks_in_1469 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_1469 h3,#stacks_in_1469 h3 a,#stacks_in_1469 p,#stacks_in_1469 p a{ font-size:13px; } } #stacks_in_1469 h3,#stacks_in_1469 h3 a,#stacks_in_1469 p,#stacks_in_1469 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_1469 p a:hover, #stacks_in_1469 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_1469 { margin: 10px; } #stacks_out_1469 { margin-right:0; } #stacks_in_1472 h3,#stacks_in_1472 h3 a,#stacks_in_1472 p,#stacks_in_1472 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_1472 h3,#stacks_in_1472 h3 a,#stacks_in_1472 p,#stacks_in_1472 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_1472 h3,#stacks_in_1472 h3 a,#stacks_in_1472 p,#stacks_in_1472 p a{ font-size:13px; } } #stacks_in_1472 h3,#stacks_in_1472 h3 a,#stacks_in_1472 p,#stacks_in_1472 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_1472 p a:hover, #stacks_in_1472 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_1472 { margin: 10px; } #stacks_out_1472 { margin-right:0; } /* ********* */ /* Normalize */ /* ********* */ /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ #stacks_in_1474_1 article, #stacks_in_1474_1 aside, #stacks_in_1474_1 details, #stacks_in_1474_1 figcaption, #stacks_in_1474_1 figure, #stacks_in_1474_1 footer, #stacks_in_1474_1 header, #stacks_in_1474_1 hgroup, #stacks_in_1474_1 main, #stacks_in_1474_1 nav, #stacks_in_1474_1 section, #stacks_in_1474_1 summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ #stacks_in_1474_1 audio, #stacks_in_1474_1 canvas, #stacks_in_1474_1 progress, #stacks_in_1474_1 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ #stacks_in_1474_1 audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ #stacks_in_1474_1 [hidden], #stacks_in_1474_1 template { display: none; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ #stacks_in_1474_1 img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ #stacks_in_1474_1 svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address differences between Firefox and other browsers. */ #stacks_in_1474_1 hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ #stacks_in_1474_1 pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ #stacks_in_1474_1 code, #stacks_in_1474_1 kbd, #stacks_in_1474_1 pre, #stacks_in_1474_1 samp { font-family: monospace, monospace; font-size: 1em; } /* **************** */ /* Stack Specific */ /* **************** */ %[if ]% %[if edit]% #stacks_in_1474_1 { background-image: url(../files/images/preview_numbers_background.png), url(../files/images/preview_striped_background.png); background-repeat: no-repeat, repeat-y; background-size: 100%, 100%; background-position: center top, center 100px; border-radius: 4px; padding-top: 75px; padding-bottom: 25px; border: 1px solid #e9e9e9; } %[endif]% %[endif]% #stacks_in_1474_1 *, #stacks_in_1474_1 *:before, #stacks_in_1474_1 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } %[if !edit]% #stacks_in_1474_1 .wow { visibility: hidden; } %[endif]% #stacks_in_1474_1>ul li { padding-bottom: 0 !important; } /* iPhone aka SMALL */ @media only screen { #stacks_in_1474_1>ul>li { margin-bottom: px; } } %[if ]% /* iPad aka MEDIUM */ @media only screen and (min-width: 40.063em) { #stacks_in_1474_1>ul>li { margin-bottom: px; } } %[endif]% %[if ]% /* Desktop aka LARGE */ @media only screen and (min-width: 64.063em) { #stacks_in_1474_1>ul>li { margin-bottom: px; } } %[endif]% /* **************** */ /* Foundation START */ /* **************** */ /* Copyright (c) 2013-2014 ZURB, inc. MIT License 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. */ #stacks_in_1474_1 meta.foundation-version { font-family: "/5.3.1/"; } #stacks_in_1474_1 meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } #stacks_in_1474_1 meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } #stacks_in_1474_1 meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } #stacks_in_1474_1 meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } #stacks_in_1474_1 meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } #stacks_in_1474_1 meta.foundation-data-attribute-namespace { font-family: false; } #stacks_in_1474_1 *, #stacks_in_1474_1 *:before, #stacks_in_1474_1 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_1474_1 .left { float: left !important; } #stacks_in_1474_1 .right { float: right !important; } #stacks_in_1474_1 .clearfix:before, #stacks_in_1474_1 .clearfix:after { content: " "; display: table; } #stacks_in_1474_1 .clearfix:after { clear: both; } #stacks_in_1474_1 .hide { display: none; } #stacks_in_1474_1 .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_1474_1 img { display: inline-block; vertical-align: middle; } #stacks_in_1474_1 textarea { height: auto; min-height: 50px; } #stacks_in_1474_1 select { width: 100%; } #stacks_in_1474_1 .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } #stacks_in_1474_1 .row { max-width: 62.5em; } #stacks_in_1474_1 .row:before, #stacks_in_1474_1 .row:after { content: " "; display: table; } #stacks_in_1474_1 .row:after { clear: both; } #stacks_in_1474_1 .row.collapse > .column, #stacks_in_1474_1 .row.collapse > .columns { padding-left: 0; padding-right: 0; } #stacks_in_1474_1 .row.collapse .row { margin-left: 0; margin-right: 0; } #stacks_in_1474_1 .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; } #stacks_in_1474_1 .row .row:before, #stacks_in_1474_1 .row .row:after { content: " "; display: table; } #stacks_in_1474_1 .row .row:after { clear: both; } #stacks_in_1474_1 .row .row.collapse { width: auto; margin: 0; max-width: none; } #stacks_in_1474_1 .row .row.collapse:before, #stacks_in_1474_1 .row .row.collapse:after { content: " "; display: table; } #stacks_in_1474_1 .row .row.collapse:after { clear: both; } #stacks_in_1474_1 .column, #stacks_in_1474_1 .columns { padding-left: 0.9375em; padding-right: 0.9375em; width: 100%; float: left; } #stacks_in_1474_1 [class*="column"] + [class*="column"]:last-child { float: right; } #stacks_in_1474_1 [class*="column"] + [class*="column"].end { float: left; } @media only screen { #stacks_in_1474_1 .small-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1474_1 .small-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1474_1 .small-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1474_1 .small-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1474_1 .small-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1474_1 .small-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1474_1 .small-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1474_1 .small-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1474_1 .small-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1474_1 .small-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1474_1 .small-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1474_1 .small-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1474_1 .small-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1474_1 .small-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1474_1 .small-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1474_1 .small-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1474_1 .small-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1474_1 .small-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1474_1 .small-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1474_1 .small-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1474_1 .small-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1474_1 .small-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1474_1 .small-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1474_1 .small-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_1474_1 .column, #stacks_in_1474_1 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_1474_1 .small-1 { width: 8.33333%; } #stacks_in_1474_1 .small-2 { width: 16.66667%; } #stacks_in_1474_1 .small-3 { width: 25%; } #stacks_in_1474_1 .small-4 { width: 33.33333%; } #stacks_in_1474_1 .small-5 { width: 41.66667%; } #stacks_in_1474_1 .small-6 { width: 50%; } #stacks_in_1474_1 .small-7 { width: 58.33333%; } #stacks_in_1474_1 .small-8 { width: 66.66667%; } #stacks_in_1474_1 .small-9 { width: 75%; } #stacks_in_1474_1 .small-10 { width: 83.33333%; } #stacks_in_1474_1 .small-11 { width: 91.66667%; } #stacks_in_1474_1 .small-12 { width: 100%; } #stacks_in_1474_1 .small-offset-0 { margin-left: 0% !important; } #stacks_in_1474_1 .small-offset-1 { margin-left: 8.33333% !important; } #stacks_in_1474_1 .small-offset-2 { margin-left: 16.66667% !important; } #stacks_in_1474_1 .small-offset-3 { margin-left: 25% !important; } #stacks_in_1474_1 .small-offset-4 { margin-left: 33.33333% !important; } #stacks_in_1474_1 .small-offset-5 { margin-left: 41.66667% !important; } #stacks_in_1474_1 .small-offset-6 { margin-left: 50% !important; } #stacks_in_1474_1 .small-offset-7 { margin-left: 58.33333% !important; } #stacks_in_1474_1 .small-offset-8 { margin-left: 66.66667% !important; } #stacks_in_1474_1 .small-offset-9 { margin-left: 75% !important; } #stacks_in_1474_1 .small-offset-10 { margin-left: 83.33333% !important; } #stacks_in_1474_1 .small-offset-11 { margin-left: 91.66667% !important; } #stacks_in_1474_1 .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_1474_1 .column.small-centered, #stacks_in_1474_1 .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_1474_1 .column.small-uncentered, #stacks_in_1474_1 .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_1474_1 .column.small-centered:last-child, #stacks_in_1474_1 .columns.small-centered:last-child { float: none; } #stacks_in_1474_1 .column.small-uncentered:last-child, #stacks_in_1474_1 .columns.small-uncentered:last-child { float: left; } #stacks_in_1474_1 .column.small-uncentered.opposite, #stacks_in_1474_1 .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 40.063em) { #stacks_in_1474_1 .medium-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1474_1 .medium-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1474_1 .medium-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1474_1 .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1474_1 .medium-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1474_1 .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1474_1 .medium-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1474_1 .medium-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1474_1 .medium-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1474_1 .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1474_1 .medium-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1474_1 .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1474_1 .medium-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1474_1 .medium-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1474_1 .medium-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1474_1 .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1474_1 .medium-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1474_1 .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1474_1 .medium-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1474_1 .medium-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1474_1 .medium-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1474_1 .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1474_1 .medium-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1474_1 .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_1474_1 .column, #stacks_in_1474_1 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_1474_1 .medium-1 { width: 8.33333%; } #stacks_in_1474_1 .medium-2 { width: 16.66667%; } #stacks_in_1474_1 .medium-3 { width: 25%; } #stacks_in_1474_1 .medium-4 { width: 33.33333%; } #stacks_in_1474_1 .medium-5 { width: 41.66667%; } #stacks_in_1474_1 .medium-6 { width: 50%; } #stacks_in_1474_1 .medium-7 { width: 58.33333%; } #stacks_in_1474_1 .medium-8 { width: 66.66667%; } #stacks_in_1474_1 .medium-9 { width: 75%; } #stacks_in_1474_1 .medium-10 { width: 83.33333%; } #stacks_in_1474_1 .medium-11 { width: 91.66667%; } #stacks_in_1474_1 .medium-12 { width: 100%; } #stacks_in_1474_1 .medium-offset-0 { margin-left: 0% !important; } #stacks_in_1474_1 .medium-offset-1 { margin-left: 8.33333% !important; } #stacks_in_1474_1 .medium-offset-2 { margin-left: 16.66667% !important; } #stacks_in_1474_1 .medium-offset-3 { margin-left: 25% !important; } #stacks_in_1474_1 .medium-offset-4 { margin-left: 33.33333% !important; } #stacks_in_1474_1 .medium-offset-5 { margin-left: 41.66667% !important; } #stacks_in_1474_1 .medium-offset-6 { margin-left: 50% !important; } #stacks_in_1474_1 .medium-offset-7 { margin-left: 58.33333% !important; } #stacks_in_1474_1 .medium-offset-8 { margin-left: 66.66667% !important; } #stacks_in_1474_1 .medium-offset-9 { margin-left: 75% !important; } #stacks_in_1474_1 .medium-offset-10 { margin-left: 83.33333% !important; } #stacks_in_1474_1 .medium-offset-11 { margin-left: 91.66667% !important; } #stacks_in_1474_1 .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_1474_1 .column.medium-centered, #stacks_in_1474_1 .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_1474_1 .column.medium-uncentered, #stacks_in_1474_1 .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_1474_1 .column.medium-centered:last-child, #stacks_in_1474_1 .columns.medium-centered:last-child { float: none; } #stacks_in_1474_1 .column.medium-uncentered:last-child, #stacks_in_1474_1 .columns.medium-uncentered:last-child { float: left; } #stacks_in_1474_1 .column.medium-uncentered.opposite, #stacks_in_1474_1 .columns.medium-uncentered.opposite { float: right; } #stacks_in_1474_1 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1474_1 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1474_1 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1474_1 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1474_1 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1474_1 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1474_1 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1474_1 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1474_1 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1474_1 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1474_1 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1474_1 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1474_1 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1474_1 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1474_1 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1474_1 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1474_1 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1474_1 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1474_1 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1474_1 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1474_1 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1474_1 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1474_1 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1474_1 .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { #stacks_in_1474_1 .large-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1474_1 .large-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1474_1 .large-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1474_1 .large-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1474_1 .large-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1474_1 .large-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1474_1 .large-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1474_1 .large-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1474_1 .large-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1474_1 .large-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1474_1 .large-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1474_1 .large-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1474_1 .large-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1474_1 .large-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1474_1 .large-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1474_1 .large-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1474_1 .large-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1474_1 .large-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1474_1 .large-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1474_1 .large-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1474_1 .large-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1474_1 .large-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1474_1 .large-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1474_1 .large-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_1474_1 .column, #stacks_in_1474_1 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_1474_1 .large-1 { width: 8.33333%; } #stacks_in_1474_1 .large-2 { width: 16.66667%; } #stacks_in_1474_1 .large-3 { width: 25%; } #stacks_in_1474_1 .large-4 { width: 33.33333%; } #stacks_in_1474_1 .large-5 { width: 41.66667%; } #stacks_in_1474_1 .large-6 { width: 50%; } #stacks_in_1474_1 .large-7 { width: 58.33333%; } #stacks_in_1474_1 .large-8 { width: 66.66667%; } #stacks_in_1474_1 .large-9 { width: 75%; } #stacks_in_1474_1 .large-10 { width: 83.33333%; } #stacks_in_1474_1 .large-11 { width: 91.66667%; } #stacks_in_1474_1 .large-12 { width: 100%; } #stacks_in_1474_1 .large-offset-0 { margin-left: 0% !important; } #stacks_in_1474_1 .large-offset-1 { margin-left: 8.33333% !important; } #stacks_in_1474_1 .large-offset-2 { margin-left: 16.66667% !important; } #stacks_in_1474_1 .large-offset-3 { margin-left: 25% !important; } #stacks_in_1474_1 .large-offset-4 { margin-left: 33.33333% !important; } #stacks_in_1474_1 .large-offset-5 { margin-left: 41.66667% !important; } #stacks_in_1474_1 .large-offset-6 { margin-left: 50% !important; } #stacks_in_1474_1 .large-offset-7 { margin-left: 58.33333% !important; } #stacks_in_1474_1 .large-offset-8 { margin-left: 66.66667% !important; } #stacks_in_1474_1 .large-offset-9 { margin-left: 75% !important; } #stacks_in_1474_1 .large-offset-10 { margin-left: 83.33333% !important; } #stacks_in_1474_1 .large-offset-11 { margin-left: 91.66667% !important; } #stacks_in_1474_1 .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_1474_1 .column.large-centered, #stacks_in_1474_1 .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_1474_1 .column.large-uncentered, #stacks_in_1474_1 .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_1474_1 .column.large-centered:last-child, #stacks_in_1474_1 .columns.large-centered:last-child { float: none; } #stacks_in_1474_1 .column.large-uncentered:last-child, #stacks_in_1474_1 .columns.large-uncentered:last-child { float: left; } #stacks_in_1474_1 .column.large-uncentered.opposite, #stacks_in_1474_1 .columns.large-uncentered.opposite { float: right; } #stacks_in_1474_1 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1474_1 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1474_1 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1474_1 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1474_1 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1474_1 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1474_1 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1474_1 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1474_1 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1474_1 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1474_1 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1474_1 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1474_1 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1474_1 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1474_1 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1474_1 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1474_1 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1474_1 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1474_1 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1474_1 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1474_1 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1474_1 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1474_1 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1474_1 .pull-11 { position: relative; right: 91.66667%; left: auto; } } #stacks_in_1474_1 [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } #stacks_in_1474_1 [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } #stacks_in_1474_1 [class*="block-grid-"]:after { clear: both; } #stacks_in_1474_1 [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { #stacks_in_1474_1 .small-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_1474_1 .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_1474_1 .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_1474_1 .small-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_1474_1 .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_1474_1 .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_1474_1 .small-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_1474_1 .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_1474_1 .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_1474_1 .small-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_1474_1 .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_1474_1 .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_1474_1 .small-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_1474_1 .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_1474_1 .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_1474_1 .small-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_1474_1 .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_1474_1 .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_1474_1 .small-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_1474_1 .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_1474_1 .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_1474_1 .small-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_1474_1 .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_1474_1 .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_1474_1 .small-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_1474_1 .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_1474_1 .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_1474_1 .small-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_1474_1 .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_1474_1 .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_1474_1 .small-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_1474_1 .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_1474_1 .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_1474_1 .small-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_1474_1 .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_1474_1 .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { #stacks_in_1474_1 .medium-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_1474_1 .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_1474_1 .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_1474_1 .medium-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_1474_1 .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_1474_1 .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_1474_1 .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_1474_1 .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_1474_1 .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_1474_1 .medium-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_1474_1 .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_1474_1 .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_1474_1 .medium-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_1474_1 .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_1474_1 .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_1474_1 .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_1474_1 .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_1474_1 .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_1474_1 .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_1474_1 .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_1474_1 .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_1474_1 .medium-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_1474_1 .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_1474_1 .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_1474_1 .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_1474_1 .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_1474_1 .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_1474_1 .medium-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_1474_1 .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_1474_1 .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_1474_1 .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_1474_1 .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_1474_1 .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_1474_1 .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_1474_1 .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_1474_1 .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { #stacks_in_1474_1 .large-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_1474_1 .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_1474_1 .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_1474_1 .large-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_1474_1 .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_1474_1 .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_1474_1 .large-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_1474_1 .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_1474_1 .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_1474_1 .large-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_1474_1 .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_1474_1 .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_1474_1 .large-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_1474_1 .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_1474_1 .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_1474_1 .large-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_1474_1 .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_1474_1 .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_1474_1 .large-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_1474_1 .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_1474_1 .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_1474_1 .large-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_1474_1 .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_1474_1 .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_1474_1 .large-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_1474_1 .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_1474_1 .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_1474_1 .large-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_1474_1 .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_1474_1 .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_1474_1 .large-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_1474_1 .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_1474_1 .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_1474_1 .large-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_1474_1 .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_1474_1 .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } /* Visibility CSS - Foundation */ /* small displays */ @media only screen { #stacks_in_1474_1 .show-for-small-only, #stacks_in_1474_1 .show-for-small-up, #stacks_in_1474_1 .show-for-small, #stacks_in_1474_1 .show-for-small-down, #stacks_in_1474_1 .hide-for-medium-only, #stacks_in_1474_1 .hide-for-medium-up, #stacks_in_1474_1 .hide-for-medium, #stacks_in_1474_1 .show-for-medium-down, #stacks_in_1474_1 .hide-for-large-only, #stacks_in_1474_1 .hide-for-large-up, #stacks_in_1474_1 .hide-for-large, #stacks_in_1474_1 .show-for-large-down, #stacks_in_1474_1 .hide-for-xlarge-only, #stacks_in_1474_1 .hide-for-xlarge-up, #stacks_in_1474_1 .hide-for-xxlarge-only, #stacks_in_1474_1 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_1474_1 .hide-for-small-only, #stacks_in_1474_1 .hide-for-small-up, #stacks_in_1474_1 .hide-for-small, #stacks_in_1474_1 .hide-for-small-down, #stacks_in_1474_1 .show-for-medium-only, #stacks_in_1474_1 .show-for-medium-up, #stacks_in_1474_1 .show-for-medium, #stacks_in_1474_1 .hide-for-medium-down, #stacks_in_1474_1 .show-for-large-only, #stacks_in_1474_1 .show-for-large-up, #stacks_in_1474_1 .show-for-large, #stacks_in_1474_1 .hide-for-large-down, #stacks_in_1474_1 .show-for-xlarge-only, #stacks_in_1474_1 .show-for-xlarge-up, #stacks_in_1474_1 .show-for-xxlarge-only, #stacks_in_1474_1 .show-for-xxlarge-up { display: none !important; } #stacks_in_1474_1 .visible-for-small-only, #stacks_in_1474_1 .visible-for-small-up, #stacks_in_1474_1 .visible-for-small, #stacks_in_1474_1 .visible-for-small-down, #stacks_in_1474_1 .hidden-for-medium-only, #stacks_in_1474_1 .hidden-for-medium-up, #stacks_in_1474_1 .hidden-for-medium, #stacks_in_1474_1 .visible-for-medium-down, #stacks_in_1474_1 .hidden-for-large-only, #stacks_in_1474_1 .hidden-for-large-up, #stacks_in_1474_1 .hidden-for-large, #stacks_in_1474_1 .visible-for-large-down, #stacks_in_1474_1 .hidden-for-xlarge-only, #stacks_in_1474_1 .hidden-for-xlarge-up, #stacks_in_1474_1 .hidden-for-xxlarge-only, #stacks_in_1474_1 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1474_1 .hidden-for-small-only, #stacks_in_1474_1 .hidden-for-small-up, #stacks_in_1474_1 .hidden-for-small, #stacks_in_1474_1 .hidden-for-small-down, #stacks_in_1474_1 .visible-for-medium-only, #stacks_in_1474_1 .visible-for-medium-up, #stacks_in_1474_1 .visible-for-medium, #stacks_in_1474_1 .hidden-for-medium-down, #stacks_in_1474_1 .visible-for-large-only, #stacks_in_1474_1 .visible-for-large-up, #stacks_in_1474_1 .visible-for-large, #stacks_in_1474_1 .hidden-for-large-down, #stacks_in_1474_1 .visible-for-xlarge-only, #stacks_in_1474_1 .visible-for-xlarge-up, #stacks_in_1474_1 .visible-for-xxlarge-only, #stacks_in_1474_1 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1474_1 table.show-for-small-only, #stacks_in_1474_1 table.show-for-small-up, #stacks_in_1474_1 table.show-for-small, #stacks_in_1474_1 table.show-for-small-down, #stacks_in_1474_1 table.hide-for-medium-only, #stacks_in_1474_1 table.hide-for-medium-up, #stacks_in_1474_1 table.hide-for-medium, #stacks_in_1474_1 table.show-for-medium-down, #stacks_in_1474_1 table.hide-for-large-only, #stacks_in_1474_1 table.hide-for-large-up, #stacks_in_1474_1 table.hide-for-large, #stacks_in_1474_1 table.show-for-large-down, #stacks_in_1474_1 table.hide-for-xlarge-only, #stacks_in_1474_1 table.hide-for-xlarge-up, #stacks_in_1474_1 table.hide-for-xxlarge-only, #stacks_in_1474_1 table.hide-for-xxlarge-up { display: table; } #stacks_in_1474_1 thead.show-for-small-only, #stacks_in_1474_1 thead.show-for-small-up, #stacks_in_1474_1 thead.show-for-small, #stacks_in_1474_1 thead.show-for-small-down, #stacks_in_1474_1 thead.hide-for-medium-only, #stacks_in_1474_1 thead.hide-for-medium-up, #stacks_in_1474_1 thead.hide-for-medium, #stacks_in_1474_1 thead.show-for-medium-down, #stacks_in_1474_1 thead.hide-for-large-only, #stacks_in_1474_1 thead.hide-for-large-up, #stacks_in_1474_1 thead.hide-for-large, #stacks_in_1474_1 thead.show-for-large-down, #stacks_in_1474_1 thead.hide-for-xlarge-only, #stacks_in_1474_1 thead.hide-for-xlarge-up, #stacks_in_1474_1 thead.hide-for-xxlarge-only, #stacks_in_1474_1 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1474_1 tbody.show-for-small-only, #stacks_in_1474_1 tbody.show-for-small-up, #stacks_in_1474_1 tbody.show-for-small, #stacks_in_1474_1 tbody.show-for-small-down, #stacks_in_1474_1 tbody.hide-for-medium-only, #stacks_in_1474_1 tbody.hide-for-medium-up, #stacks_in_1474_1 tbody.hide-for-medium, #stacks_in_1474_1 tbody.show-for-medium-down, #stacks_in_1474_1 tbody.hide-for-large-only, #stacks_in_1474_1 tbody.hide-for-large-up, #stacks_in_1474_1 tbody.hide-for-large, #stacks_in_1474_1 tbody.show-for-large-down, #stacks_in_1474_1 tbody.hide-for-xlarge-only, #stacks_in_1474_1 tbody.hide-for-xlarge-up, #stacks_in_1474_1 tbody.hide-for-xxlarge-only, #stacks_in_1474_1 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1474_1 tr.show-for-small-only, #stacks_in_1474_1 tr.show-for-small-up, #stacks_in_1474_1 tr.show-for-small, #stacks_in_1474_1 tr.show-for-small-down, #stacks_in_1474_1 tr.hide-for-medium-only, #stacks_in_1474_1 tr.hide-for-medium-up, #stacks_in_1474_1 tr.hide-for-medium, #stacks_in_1474_1 tr.show-for-medium-down, #stacks_in_1474_1 tr.hide-for-large-only, #stacks_in_1474_1 tr.hide-for-large-up, #stacks_in_1474_1 tr.hide-for-large, #stacks_in_1474_1 tr.show-for-large-down, #stacks_in_1474_1 tr.hide-for-xlarge-only, #stacks_in_1474_1 tr.hide-for-xlarge-up, #stacks_in_1474_1 tr.hide-for-xxlarge-only, #stacks_in_1474_1 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_1474_1 th.show-for-small-only, #stacks_in_1474_1 td.show-for-small-only, #stacks_in_1474_1 th.show-for-small-up, #stacks_in_1474_1 td.show-for-small-up, #stacks_in_1474_1 th.show-for-small, #stacks_in_1474_1 td.show-for-small, #stacks_in_1474_1 th.show-for-small-down, #stacks_in_1474_1 td.show-for-small-down, #stacks_in_1474_1 th.hide-for-medium-only, #stacks_in_1474_1 td.hide-for-medium-only, #stacks_in_1474_1 th.hide-for-medium-up, #stacks_in_1474_1 td.hide-for-medium-up, #stacks_in_1474_1 th.hide-for-medium, #stacks_in_1474_1 td.hide-for-medium, #stacks_in_1474_1 th.show-for-medium-down, #stacks_in_1474_1 td.show-for-medium-down, #stacks_in_1474_1 th.hide-for-large-only, #stacks_in_1474_1 td.hide-for-large-only, #stacks_in_1474_1 th.hide-for-large-up, #stacks_in_1474_1 td.hide-for-large-up, #stacks_in_1474_1 th.hide-for-large, #stacks_in_1474_1 td.hide-for-large, #stacks_in_1474_1 th.show-for-large-down, #stacks_in_1474_1 td.show-for-large-down, #stacks_in_1474_1 th.hide-for-xlarge-only, #stacks_in_1474_1 td.hide-for-xlarge-only, #stacks_in_1474_1 th.hide-for-xlarge-up, #stacks_in_1474_1 td.hide-for-xlarge-up, #stacks_in_1474_1 th.hide-for-xxlarge-only, #stacks_in_1474_1 td.hide-for-xxlarge-only, #stacks_in_1474_1 th.hide-for-xxlarge-up, #stacks_in_1474_1 td.hide-for-xxlarge-up { display: table-cell !important; } } /* medium displays */ @media only screen and (min-width: 40.063em) { #stacks_in_1474_1 .hide-for-small-only, #stacks_in_1474_1 .show-for-small-up, #stacks_in_1474_1 .hide-for-small, #stacks_in_1474_1 .hide-for-small-down, #stacks_in_1474_1 .show-for-medium-only, #stacks_in_1474_1 .show-for-medium-up, #stacks_in_1474_1 .show-for-medium, #stacks_in_1474_1 .show-for-medium-down, #stacks_in_1474_1 .hide-for-large-only, #stacks_in_1474_1 .hide-for-large-up, #stacks_in_1474_1 .hide-for-large, #stacks_in_1474_1 .show-for-large-down, #stacks_in_1474_1 .hide-for-xlarge-only, #stacks_in_1474_1 .hide-for-xlarge-up, #stacks_in_1474_1 .hide-for-xxlarge-only, #stacks_in_1474_1 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_1474_1 .show-for-small-only, #stacks_in_1474_1 .hide-for-small-up, #stacks_in_1474_1 .show-for-small, #stacks_in_1474_1 .show-for-small-down, #stacks_in_1474_1 .hide-for-medium-only, #stacks_in_1474_1 .hide-for-medium-up, #stacks_in_1474_1 .hide-for-medium, #stacks_in_1474_1 .hide-for-medium-down, #stacks_in_1474_1 .show-for-large-only, #stacks_in_1474_1 .show-for-large-up, #stacks_in_1474_1 .show-for-large, #stacks_in_1474_1 .hide-for-large-down, #stacks_in_1474_1 .show-for-xlarge-only, #stacks_in_1474_1 .show-for-xlarge-up, #stacks_in_1474_1 .show-for-xxlarge-only, #stacks_in_1474_1 .show-for-xxlarge-up { display: none !important; } #stacks_in_1474_1 .hidden-for-small-only, #stacks_in_1474_1 .visible-for-small-up, #stacks_in_1474_1 .hidden-for-small, #stacks_in_1474_1 .hidden-for-small-down, #stacks_in_1474_1 .visible-for-medium-only, #stacks_in_1474_1 .visible-for-medium-up, #stacks_in_1474_1 .visible-for-medium, #stacks_in_1474_1 .visible-for-medium-down, #stacks_in_1474_1 .hidden-for-large-only, #stacks_in_1474_1 .hidden-for-large-up, #stacks_in_1474_1 .hidden-for-large, #stacks_in_1474_1 .visible-for-large-down, #stacks_in_1474_1 .hidden-for-xlarge-only, #stacks_in_1474_1 .hidden-for-xlarge-up, #stacks_in_1474_1 .hidden-for-xxlarge-only, #stacks_in_1474_1 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1474_1 .visible-for-small-only, #stacks_in_1474_1 .hidden-for-small-up, #stacks_in_1474_1 .visible-for-small, #stacks_in_1474_1 .visible-for-small-down, #stacks_in_1474_1 .hidden-for-medium-only, #stacks_in_1474_1 .hidden-for-medium-up, #stacks_in_1474_1 .hidden-for-medium, #stacks_in_1474_1 .hidden-for-medium-down, #stacks_in_1474_1 .visible-for-large-only, #stacks_in_1474_1 .visible-for-large-up, #stacks_in_1474_1 .visible-for-large, #stacks_in_1474_1 .hidden-for-large-down, #stacks_in_1474_1 .visible-for-xlarge-only, #stacks_in_1474_1 .visible-for-xlarge-up, #stacks_in_1474_1 .visible-for-xxlarge-only, #stacks_in_1474_1 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1474_1 table.hide-for-small-only, #stacks_in_1474_1 table.show-for-small-up, #stacks_in_1474_1 table.hide-for-small, #stacks_in_1474_1 table.hide-for-small-down, #stacks_in_1474_1 table.show-for-medium-only, #stacks_in_1474_1 table.show-for-medium-up, #stacks_in_1474_1 table.show-for-medium, #stacks_in_1474_1 table.show-for-medium-down, #stacks_in_1474_1 table.hide-for-large-only, #stacks_in_1474_1 table.hide-for-large-up, #stacks_in_1474_1 table.hide-for-large, #stacks_in_1474_1 table.show-for-large-down, #stacks_in_1474_1 table.hide-for-xlarge-only, #stacks_in_1474_1 table.hide-for-xlarge-up, #stacks_in_1474_1 table.hide-for-xxlarge-only, #stacks_in_1474_1 table.hide-for-xxlarge-up { display: table; } #stacks_in_1474_1 thead.hide-for-small-only, #stacks_in_1474_1 thead.show-for-small-up, #stacks_in_1474_1 thead.hide-for-small, #stacks_in_1474_1 thead.hide-for-small-down, #stacks_in_1474_1 thead.show-for-medium-only, #stacks_in_1474_1 thead.show-for-medium-up, #stacks_in_1474_1 thead.show-for-medium, #stacks_in_1474_1 thead.show-for-medium-down, #stacks_in_1474_1 thead.hide-for-large-only, #stacks_in_1474_1 thead.hide-for-large-up, #stacks_in_1474_1 thead.hide-for-large, #stacks_in_1474_1 thead.show-for-large-down, #stacks_in_1474_1 thead.hide-for-xlarge-only, #stacks_in_1474_1 thead.hide-for-xlarge-up, #stacks_in_1474_1 thead.hide-for-xxlarge-only, #stacks_in_1474_1 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1474_1 tbody.hide-for-small-only, #stacks_in_1474_1 tbody.show-for-small-up, #stacks_in_1474_1 tbody.hide-for-small, #stacks_in_1474_1 tbody.hide-for-small-down, #stacks_in_1474_1 tbody.show-for-medium-only, #stacks_in_1474_1 tbody.show-for-medium-up, #stacks_in_1474_1 tbody.show-for-medium, #stacks_in_1474_1 tbody.show-for-medium-down, #stacks_in_1474_1 tbody.hide-for-large-only, #stacks_in_1474_1 tbody.hide-for-large-up, #stacks_in_1474_1 tbody.hide-for-large, #stacks_in_1474_1 tbody.show-for-large-down, #stacks_in_1474_1 tbody.hide-for-xlarge-only, #stacks_in_1474_1 tbody.hide-for-xlarge-up, #stacks_in_1474_1 tbody.hide-for-xxlarge-only, #stacks_in_1474_1 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1474_1 tr.hide-for-small-only, #stacks_in_1474_1 tr.show-for-small-up, #stacks_in_1474_1 tr.hide-for-small, #stacks_in_1474_1 tr.hide-for-small-down, #stacks_in_1474_1 tr.show-for-medium-only, #stacks_in_1474_1 tr.show-for-medium-up, #stacks_in_1474_1 tr.show-for-medium, #stacks_in_1474_1 tr.show-for-medium-down, #stacks_in_1474_1 tr.hide-for-large-only, #stacks_in_1474_1 tr.hide-for-large-up, #stacks_in_1474_1 tr.hide-for-large, #stacks_in_1474_1 tr.show-for-large-down, #stacks_in_1474_1 tr.hide-for-xlarge-only, #stacks_in_1474_1 tr.hide-for-xlarge-up, #stacks_in_1474_1 tr.hide-for-xxlarge-only, #stacks_in_1474_1 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_1474_1 th.hide-for-small-only, #stacks_in_1474_1 td.hide-for-small-only, #stacks_in_1474_1 th.show-for-small-up, #stacks_in_1474_1 td.show-for-small-up, #stacks_in_1474_1 th.hide-for-small, #stacks_in_1474_1 td.hide-for-small, #stacks_in_1474_1 th.hide-for-small-down, #stacks_in_1474_1 td.hide-for-small-down, #stacks_in_1474_1 th.show-for-medium-only, #stacks_in_1474_1 td.show-for-medium-only, #stacks_in_1474_1 th.show-for-medium-up, #stacks_in_1474_1 td.show-for-medium-up, #stacks_in_1474_1 th.show-for-medium, #stacks_in_1474_1 td.show-for-medium, #stacks_in_1474_1 th.show-for-medium-down, #stacks_in_1474_1 td.show-for-medium-down, #stacks_in_1474_1 th.hide-for-large-only, #stacks_in_1474_1 td.hide-for-large-only, #stacks_in_1474_1 th.hide-for-large-up, #stacks_in_1474_1 td.hide-for-large-up, #stacks_in_1474_1 th.hide-for-large, #stacks_in_1474_1 td.hide-for-large, #stacks_in_1474_1 th.show-for-large-down, #stacks_in_1474_1 td.show-for-large-down, #stacks_in_1474_1 th.hide-for-xlarge-only, #stacks_in_1474_1 td.hide-for-xlarge-only, #stacks_in_1474_1 th.hide-for-xlarge-up, #stacks_in_1474_1 td.hide-for-xlarge-up, #stacks_in_1474_1 th.hide-for-xxlarge-only, #stacks_in_1474_1 td.hide-for-xxlarge-only, #stacks_in_1474_1 th.hide-for-xxlarge-up, #stacks_in_1474_1 td.hide-for-xxlarge-up { display: table-cell !important; } } /* large displays */ @media only screen and (min-width: 64.063em) { #stacks_in_1474_1 .hide-for-small-only, #stacks_in_1474_1 .show-for-small-up, #stacks_in_1474_1 .hide-for-small, #stacks_in_1474_1 .hide-for-small-down, #stacks_in_1474_1 .hide-for-medium-only, #stacks_in_1474_1 .show-for-medium-up, #stacks_in_1474_1 .hide-for-medium, #stacks_in_1474_1 .hide-for-medium-down, #stacks_in_1474_1 .show-for-large-only, #stacks_in_1474_1 .show-for-large-up, #stacks_in_1474_1 .show-for-large, #stacks_in_1474_1 .show-for-large-down, #stacks_in_1474_1 .hide-for-xlarge-only, #stacks_in_1474_1 .hide-for-xlarge-up, #stacks_in_1474_1 .hide-for-xxlarge-only, #stacks_in_1474_1 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_1474_1 .show-for-small-only, #stacks_in_1474_1 .hide-for-small-up, #stacks_in_1474_1 .show-for-small, #stacks_in_1474_1 .show-for-small-down, #stacks_in_1474_1 .show-for-medium-only, #stacks_in_1474_1 .hide-for-medium-up, #stacks_in_1474_1 .show-for-medium, #stacks_in_1474_1 .show-for-medium-down, #stacks_in_1474_1 .hide-for-large-only, #stacks_in_1474_1 .hide-for-large-up, #stacks_in_1474_1 .hide-for-large, #stacks_in_1474_1 .hide-for-large-down, #stacks_in_1474_1 .show-for-xlarge-only, #stacks_in_1474_1 .show-for-xlarge-up, #stacks_in_1474_1 .show-for-xxlarge-only, #stacks_in_1474_1 .show-for-xxlarge-up { display: none !important; } #stacks_in_1474_1 .hidden-for-small-only, #stacks_in_1474_1 .visible-for-small-up, #stacks_in_1474_1 .hidden-for-small, #stacks_in_1474_1 .hidden-for-small-down, #stacks_in_1474_1 .hidden-for-medium-only, #stacks_in_1474_1 .visible-for-medium-up, #stacks_in_1474_1 .hidden-for-medium, #stacks_in_1474_1 .hidden-for-medium-down, #stacks_in_1474_1 .visible-for-large-only, #stacks_in_1474_1 .visible-for-large-up, #stacks_in_1474_1 .visible-for-large, #stacks_in_1474_1 .visible-for-large-down, #stacks_in_1474_1 .hidden-for-xlarge-only, #stacks_in_1474_1 .hidden-for-xlarge-up, #stacks_in_1474_1 .hidden-for-xxlarge-only, #stacks_in_1474_1 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1474_1 .visible-for-small-only, #stacks_in_1474_1 .hidden-for-small-up, #stacks_in_1474_1 .visible-for-small, #stacks_in_1474_1 .visible-for-small-down, #stacks_in_1474_1 .visible-for-medium-only, #stacks_in_1474_1 .hidden-for-medium-up, #stacks_in_1474_1 .visible-for-medium, #stacks_in_1474_1 .visible-for-medium-down, #stacks_in_1474_1 .hidden-for-large-only, #stacks_in_1474_1 .hidden-for-large-up, #stacks_in_1474_1 .hidden-for-large, #stacks_in_1474_1 .hidden-for-large-down, #stacks_in_1474_1 .visible-for-xlarge-only, #stacks_in_1474_1 .visible-for-xlarge-up, #stacks_in_1474_1 .visible-for-xxlarge-only, #stacks_in_1474_1 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1474_1 table.hide-for-small-only, #stacks_in_1474_1 table.show-for-small-up, #stacks_in_1474_1 table.hide-for-small, #stacks_in_1474_1 table.hide-for-small-down, #stacks_in_1474_1 table.hide-for-medium-only, #stacks_in_1474_1 table.show-for-medium-up, #stacks_in_1474_1 table.hide-for-medium, #stacks_in_1474_1 table.hide-for-medium-down, #stacks_in_1474_1 table.show-for-large-only, #stacks_in_1474_1 table.show-for-large-up, #stacks_in_1474_1 table.show-for-large, #stacks_in_1474_1 table.show-for-large-down, #stacks_in_1474_1 table.hide-for-xlarge-only, #stacks_in_1474_1 table.hide-for-xlarge-up, #stacks_in_1474_1 table.hide-for-xxlarge-only, #stacks_in_1474_1 table.hide-for-xxlarge-up { display: table; } #stacks_in_1474_1 thead.hide-for-small-only, #stacks_in_1474_1 thead.show-for-small-up, #stacks_in_1474_1 thead.hide-for-small, #stacks_in_1474_1 thead.hide-for-small-down, #stacks_in_1474_1 thead.hide-for-medium-only, #stacks_in_1474_1 thead.show-for-medium-up, #stacks_in_1474_1 thead.hide-for-medium, #stacks_in_1474_1 thead.hide-for-medium-down, #stacks_in_1474_1 thead.show-for-large-only, #stacks_in_1474_1 thead.show-for-large-up, #stacks_in_1474_1 thead.show-for-large, #stacks_in_1474_1 thead.show-for-large-down, #stacks_in_1474_1 thead.hide-for-xlarge-only, #stacks_in_1474_1 thead.hide-for-xlarge-up, #stacks_in_1474_1 thead.hide-for-xxlarge-only, #stacks_in_1474_1 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1474_1 tbody.hide-for-small-only, #stacks_in_1474_1 tbody.show-for-small-up, #stacks_in_1474_1 tbody.hide-for-small, #stacks_in_1474_1 tbody.hide-for-small-down, #stacks_in_1474_1 tbody.hide-for-medium-only, #stacks_in_1474_1 tbody.show-for-medium-up, #stacks_in_1474_1 tbody.hide-for-medium, #stacks_in_1474_1 tbody.hide-for-medium-down, #stacks_in_1474_1 tbody.show-for-large-only, #stacks_in_1474_1 tbody.show-for-large-up, #stacks_in_1474_1 tbody.show-for-large, #stacks_in_1474_1 tbody.show-for-large-down, #stacks_in_1474_1 tbody.hide-for-xlarge-only, #stacks_in_1474_1 tbody.hide-for-xlarge-up, #stacks_in_1474_1 tbody.hide-for-xxlarge-only, #stacks_in_1474_1 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1474_1 tr.hide-for-small-only, #stacks_in_1474_1 tr.show-for-small-up, #stacks_in_1474_1 tr.hide-for-small, #stacks_in_1474_1 tr.hide-for-small-down, #stacks_in_1474_1 tr.hide-for-medium-only, #stacks_in_1474_1 tr.show-for-medium-up, #stacks_in_1474_1 tr.hide-for-medium, #stacks_in_1474_1 tr.hide-for-medium-down, #stacks_in_1474_1 tr.show-for-large-only, #stacks_in_1474_1 tr.show-for-large-up, #stacks_in_1474_1 tr.show-for-large, #stacks_in_1474_1 tr.show-for-large-down, #stacks_in_1474_1 tr.hide-for-xlarge-only, #stacks_in_1474_1 tr.hide-for-xlarge-up, #stacks_in_1474_1 tr.hide-for-xxlarge-only, #stacks_in_1474_1 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_1474_1 th.hide-for-small-only, #stacks_in_1474_1 td.hide-for-small-only, #stacks_in_1474_1 th.show-for-small-up, #stacks_in_1474_1 td.show-for-small-up, #stacks_in_1474_1 th.hide-for-small, #stacks_in_1474_1 td.hide-for-small, #stacks_in_1474_1 th.hide-for-small-down, #stacks_in_1474_1 td.hide-for-small-down, #stacks_in_1474_1 th.hide-for-medium-only, #stacks_in_1474_1 td.hide-for-medium-only, #stacks_in_1474_1 th.show-for-medium-up, #stacks_in_1474_1 td.show-for-medium-up, #stacks_in_1474_1 th.hide-for-medium, #stacks_in_1474_1 td.hide-for-medium, #stacks_in_1474_1 th.hide-for-medium-down, #stacks_in_1474_1 td.hide-for-medium-down, #stacks_in_1474_1 th.show-for-large-only, #stacks_in_1474_1 td.show-for-large-only, #stacks_in_1474_1 th.show-for-large-up, #stacks_in_1474_1 td.show-for-large-up, #stacks_in_1474_1 th.show-for-large, #stacks_in_1474_1 td.show-for-large, #stacks_in_1474_1 th.show-for-large-down, #stacks_in_1474_1 td.show-for-large-down, #stacks_in_1474_1 th.hide-for-xlarge-only, #stacks_in_1474_1 td.hide-for-xlarge-only, #stacks_in_1474_1 th.hide-for-xlarge-up, #stacks_in_1474_1 td.hide-for-xlarge-up, #stacks_in_1474_1 th.hide-for-xxlarge-only, #stacks_in_1474_1 td.hide-for-xxlarge-only, #stacks_in_1474_1 th.hide-for-xxlarge-up, #stacks_in_1474_1 td.hide-for-xxlarge-up { display: table-cell !important; } } /* xlarge displays */ @media only screen and (min-width: 90.063em) { #stacks_in_1474_1 .hide-for-small-only, #stacks_in_1474_1 .show-for-small-up, #stacks_in_1474_1 .hide-for-small, #stacks_in_1474_1 .hide-for-small-down, #stacks_in_1474_1 .hide-for-medium-only, #stacks_in_1474_1 .show-for-medium-up, #stacks_in_1474_1 .hide-for-medium, #stacks_in_1474_1 .hide-for-medium-down, #stacks_in_1474_1 .hide-for-large-only, #stacks_in_1474_1 .show-for-large-up, #stacks_in_1474_1 .hide-for-large, #stacks_in_1474_1 .hide-for-large-down, #stacks_in_1474_1 .show-for-xlarge-only, #stacks_in_1474_1 .show-for-xlarge-up, #stacks_in_1474_1 .hide-for-xxlarge-only, #stacks_in_1474_1 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_1474_1 .show-for-small-only, #stacks_in_1474_1 .hide-for-small-up, #stacks_in_1474_1 .show-for-small, #stacks_in_1474_1 .show-for-small-down, #stacks_in_1474_1 .show-for-medium-only, #stacks_in_1474_1 .hide-for-medium-up, #stacks_in_1474_1 .show-for-medium, #stacks_in_1474_1 .show-for-medium-down, #stacks_in_1474_1 .show-for-large-only, #stacks_in_1474_1 .hide-for-large-up, #stacks_in_1474_1 .show-for-large, #stacks_in_1474_1 .show-for-large-down, #stacks_in_1474_1 .hide-for-xlarge-only, #stacks_in_1474_1 .hide-for-xlarge-up, #stacks_in_1474_1 .show-for-xxlarge-only, #stacks_in_1474_1 .show-for-xxlarge-up { display: none !important; } #stacks_in_1474_1 .hidden-for-small-only, #stacks_in_1474_1 .visible-for-small-up, #stacks_in_1474_1 .hidden-for-small, #stacks_in_1474_1 .hidden-for-small-down, #stacks_in_1474_1 .hidden-for-medium-only, #stacks_in_1474_1 .visible-for-medium-up, #stacks_in_1474_1 .hidden-for-medium, #stacks_in_1474_1 .hidden-for-medium-down, #stacks_in_1474_1 .hidden-for-large-only, #stacks_in_1474_1 .visible-for-large-up, #stacks_in_1474_1 .hidden-for-large, #stacks_in_1474_1 .hidden-for-large-down, #stacks_in_1474_1 .visible-for-xlarge-only, #stacks_in_1474_1 .visible-for-xlarge-up, #stacks_in_1474_1 .hidden-for-xxlarge-only, #stacks_in_1474_1 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1474_1 .visible-for-small-only, #stacks_in_1474_1 .hidden-for-small-up, #stacks_in_1474_1 .visible-for-small, #stacks_in_1474_1 .visible-for-small-down, #stacks_in_1474_1 .visible-for-medium-only, #stacks_in_1474_1 .hidden-for-medium-up, #stacks_in_1474_1 .visible-for-medium, #stacks_in_1474_1 .visible-for-medium-down, #stacks_in_1474_1 .visible-for-large-only, #stacks_in_1474_1 .hidden-for-large-up, #stacks_in_1474_1 .visible-for-large, #stacks_in_1474_1 .visible-for-large-down, #stacks_in_1474_1 .hidden-for-xlarge-only, #stacks_in_1474_1 .hidden-for-xlarge-up, #stacks_in_1474_1 .visible-for-xxlarge-only, #stacks_in_1474_1 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1474_1 table.hide-for-small-only, #stacks_in_1474_1 table.show-for-small-up, #stacks_in_1474_1 table.hide-for-small, #stacks_in_1474_1 table.hide-for-small-down, #stacks_in_1474_1 table.hide-for-medium-only, #stacks_in_1474_1 table.show-for-medium-up, #stacks_in_1474_1 table.hide-for-medium, #stacks_in_1474_1 table.hide-for-medium-down, #stacks_in_1474_1 table.hide-for-large-only, #stacks_in_1474_1 table.show-for-large-up, #stacks_in_1474_1 table.hide-for-large, #stacks_in_1474_1 table.hide-for-large-down, #stacks_in_1474_1 table.show-for-xlarge-only, #stacks_in_1474_1 table.show-for-xlarge-up, #stacks_in_1474_1 table.hide-for-xxlarge-only, #stacks_in_1474_1 table.hide-for-xxlarge-up { display: table; } #stacks_in_1474_1 thead.hide-for-small-only, #stacks_in_1474_1 thead.show-for-small-up, #stacks_in_1474_1 thead.hide-for-small, #stacks_in_1474_1 thead.hide-for-small-down, #stacks_in_1474_1 thead.hide-for-medium-only, #stacks_in_1474_1 thead.show-for-medium-up, #stacks_in_1474_1 thead.hide-for-medium, #stacks_in_1474_1 thead.hide-for-medium-down, #stacks_in_1474_1 thead.hide-for-large-only, #stacks_in_1474_1 thead.show-for-large-up, #stacks_in_1474_1 thead.hide-for-large, #stacks_in_1474_1 thead.hide-for-large-down, #stacks_in_1474_1 thead.show-for-xlarge-only, #stacks_in_1474_1 thead.show-for-xlarge-up, #stacks_in_1474_1 thead.hide-for-xxlarge-only, #stacks_in_1474_1 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1474_1 tbody.hide-for-small-only, #stacks_in_1474_1 tbody.show-for-small-up, #stacks_in_1474_1 tbody.hide-for-small, #stacks_in_1474_1 tbody.hide-for-small-down, #stacks_in_1474_1 tbody.hide-for-medium-only, #stacks_in_1474_1 tbody.show-for-medium-up, #stacks_in_1474_1 tbody.hide-for-medium, #stacks_in_1474_1 tbody.hide-for-medium-down, #stacks_in_1474_1 tbody.hide-for-large-only, #stacks_in_1474_1 tbody.show-for-large-up, #stacks_in_1474_1 tbody.hide-for-large, #stacks_in_1474_1 tbody.hide-for-large-down, #stacks_in_1474_1 tbody.show-for-xlarge-only, #stacks_in_1474_1 tbody.show-for-xlarge-up, #stacks_in_1474_1 tbody.hide-for-xxlarge-only, #stacks_in_1474_1 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1474_1 tr.hide-for-small-only, #stacks_in_1474_1 tr.show-for-small-up, #stacks_in_1474_1 tr.hide-for-small, #stacks_in_1474_1 tr.hide-for-small-down, #stacks_in_1474_1 tr.hide-for-medium-only, #stacks_in_1474_1 tr.show-for-medium-up, #stacks_in_1474_1 tr.hide-for-medium, #stacks_in_1474_1 tr.hide-for-medium-down, #stacks_in_1474_1 tr.hide-for-large-only, #stacks_in_1474_1 tr.show-for-large-up, #stacks_in_1474_1 tr.hide-for-large, #stacks_in_1474_1 tr.hide-for-large-down, #stacks_in_1474_1 tr.show-for-xlarge-only, #stacks_in_1474_1 tr.show-for-xlarge-up, #stacks_in_1474_1 tr.hide-for-xxlarge-only, #stacks_in_1474_1 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_1474_1 th.hide-for-small-only, #stacks_in_1474_1 td.hide-for-small-only, #stacks_in_1474_1 th.show-for-small-up, #stacks_in_1474_1 td.show-for-small-up, #stacks_in_1474_1 th.hide-for-small, #stacks_in_1474_1 td.hide-for-small, #stacks_in_1474_1 th.hide-for-small-down, #stacks_in_1474_1 td.hide-for-small-down, #stacks_in_1474_1 th.hide-for-medium-only, #stacks_in_1474_1 td.hide-for-medium-only, #stacks_in_1474_1 th.show-for-medium-up, #stacks_in_1474_1 td.show-for-medium-up, #stacks_in_1474_1 th.hide-for-medium, #stacks_in_1474_1 td.hide-for-medium, #stacks_in_1474_1 th.hide-for-medium-down, #stacks_in_1474_1 td.hide-for-medium-down, #stacks_in_1474_1 th.hide-for-large-only, #stacks_in_1474_1 td.hide-for-large-only, #stacks_in_1474_1 th.show-for-large-up, #stacks_in_1474_1 td.show-for-large-up, #stacks_in_1474_1 th.hide-for-large, #stacks_in_1474_1 td.hide-for-large, #stacks_in_1474_1 th.hide-for-large-down, #stacks_in_1474_1 td.hide-for-large-down, #stacks_in_1474_1 th.show-for-xlarge-only, #stacks_in_1474_1 td.show-for-xlarge-only, #stacks_in_1474_1 th.show-for-xlarge-up, #stacks_in_1474_1 td.show-for-xlarge-up, #stacks_in_1474_1 th.hide-for-xxlarge-only, #stacks_in_1474_1 td.hide-for-xxlarge-only, #stacks_in_1474_1 th.hide-for-xxlarge-up, #stacks_in_1474_1 td.hide-for-xxlarge-up { display: table-cell !important; } } /* xxlarge displays */ @media only screen and (min-width: 120.063em) { #stacks_in_1474_1 .hide-for-small-only, #stacks_in_1474_1 .show-for-small-up, #stacks_in_1474_1 .hide-for-small, #stacks_in_1474_1 .hide-for-small-down, #stacks_in_1474_1 .hide-for-medium-only, #stacks_in_1474_1 .show-for-medium-up, #stacks_in_1474_1 .hide-for-medium, #stacks_in_1474_1 .hide-for-medium-down, #stacks_in_1474_1 .hide-for-large-only, #stacks_in_1474_1 .show-for-large-up, #stacks_in_1474_1 .hide-for-large, #stacks_in_1474_1 .hide-for-large-down, #stacks_in_1474_1 .hide-for-xlarge-only, #stacks_in_1474_1 .show-for-xlarge-up, #stacks_in_1474_1 .show-for-xxlarge-only, #stacks_in_1474_1 .show-for-xxlarge-up { display: inherit !important; } #stacks_in_1474_1 .show-for-small-only, #stacks_in_1474_1 .hide-for-small-up, #stacks_in_1474_1 .show-for-small, #stacks_in_1474_1 .show-for-small-down, #stacks_in_1474_1 .show-for-medium-only, #stacks_in_1474_1 .hide-for-medium-up, #stacks_in_1474_1 .show-for-medium, #stacks_in_1474_1 .show-for-medium-down, #stacks_in_1474_1 .show-for-large-only, #stacks_in_1474_1 .hide-for-large-up, #stacks_in_1474_1 .show-for-large, #stacks_in_1474_1 .show-for-large-down, #stacks_in_1474_1 .show-for-xlarge-only, #stacks_in_1474_1 .hide-for-xlarge-up, #stacks_in_1474_1 .hide-for-xxlarge-only, #stacks_in_1474_1 .hide-for-xxlarge-up { display: none !important; } #stacks_in_1474_1 .hidden-for-small-only, #stacks_in_1474_1 .visible-for-small-up, #stacks_in_1474_1 .hidden-for-small, #stacks_in_1474_1 .hidden-for-small-down, #stacks_in_1474_1 .hidden-for-medium-only, #stacks_in_1474_1 .visible-for-medium-up, #stacks_in_1474_1 .hidden-for-medium, #stacks_in_1474_1 .hidden-for-medium-down, #stacks_in_1474_1 .hidden-for-large-only, #stacks_in_1474_1 .visible-for-large-up, #stacks_in_1474_1 .hidden-for-large, #stacks_in_1474_1 .hidden-for-large-down, #stacks_in_1474_1 .hidden-for-xlarge-only, #stacks_in_1474_1 .visible-for-xlarge-up, #stacks_in_1474_1 .visible-for-xxlarge-only, #stacks_in_1474_1 .visible-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1474_1 .visible-for-small-only, #stacks_in_1474_1 .hidden-for-small-up, #stacks_in_1474_1 .visible-for-small, #stacks_in_1474_1 .visible-for-small-down, #stacks_in_1474_1 .visible-for-medium-only, #stacks_in_1474_1 .hidden-for-medium-up, #stacks_in_1474_1 .visible-for-medium, #stacks_in_1474_1 .visible-for-medium-down, #stacks_in_1474_1 .visible-for-large-only, #stacks_in_1474_1 .hidden-for-large-up, #stacks_in_1474_1 .visible-for-large, #stacks_in_1474_1 .visible-for-large-down, #stacks_in_1474_1 .visible-for-xlarge-only, #stacks_in_1474_1 .hidden-for-xlarge-up, #stacks_in_1474_1 .hidden-for-xxlarge-only, #stacks_in_1474_1 .hidden-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1474_1 table.hide-for-small-only, #stacks_in_1474_1 table.show-for-small-up, #stacks_in_1474_1 table.hide-for-small, #stacks_in_1474_1 table.hide-for-small-down, #stacks_in_1474_1 table.hide-for-medium-only, #stacks_in_1474_1 table.show-for-medium-up, #stacks_in_1474_1 table.hide-for-medium, #stacks_in_1474_1 table.hide-for-medium-down, #stacks_in_1474_1 table.hide-for-large-only, #stacks_in_1474_1 table.show-for-large-up, #stacks_in_1474_1 table.hide-for-large, #stacks_in_1474_1 table.hide-for-large-down, #stacks_in_1474_1 table.hide-for-xlarge-only, #stacks_in_1474_1 table.show-for-xlarge-up, #stacks_in_1474_1 table.show-for-xxlarge-only, #stacks_in_1474_1 table.show-for-xxlarge-up { display: table; } #stacks_in_1474_1 thead.hide-for-small-only, #stacks_in_1474_1 thead.show-for-small-up, #stacks_in_1474_1 thead.hide-for-small, #stacks_in_1474_1 thead.hide-for-small-down, #stacks_in_1474_1 thead.hide-for-medium-only, #stacks_in_1474_1 thead.show-for-medium-up, #stacks_in_1474_1 thead.hide-for-medium, #stacks_in_1474_1 thead.hide-for-medium-down, #stacks_in_1474_1 thead.hide-for-large-only, #stacks_in_1474_1 thead.show-for-large-up, #stacks_in_1474_1 thead.hide-for-large, #stacks_in_1474_1 thead.hide-for-large-down, #stacks_in_1474_1 thead.hide-for-xlarge-only, #stacks_in_1474_1 thead.show-for-xlarge-up, #stacks_in_1474_1 thead.show-for-xxlarge-only, #stacks_in_1474_1 thead.show-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1474_1 tbody.hide-for-small-only, #stacks_in_1474_1 tbody.show-for-small-up, #stacks_in_1474_1 tbody.hide-for-small, #stacks_in_1474_1 tbody.hide-for-small-down, #stacks_in_1474_1 tbody.hide-for-medium-only, #stacks_in_1474_1 tbody.show-for-medium-up, #stacks_in_1474_1 tbody.hide-for-medium, #stacks_in_1474_1 tbody.hide-for-medium-down, #stacks_in_1474_1 tbody.hide-for-large-only, #stacks_in_1474_1 tbody.show-for-large-up, #stacks_in_1474_1 tbody.hide-for-large, #stacks_in_1474_1 tbody.hide-for-large-down, #stacks_in_1474_1 tbody.hide-for-xlarge-only, #stacks_in_1474_1 tbody.show-for-xlarge-up, #stacks_in_1474_1 tbody.show-for-xxlarge-only, #stacks_in_1474_1 tbody.show-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1474_1 tr.hide-for-small-only, #stacks_in_1474_1 tr.show-for-small-up, #stacks_in_1474_1 tr.hide-for-small, #stacks_in_1474_1 tr.hide-for-small-down, #stacks_in_1474_1 tr.hide-for-medium-only, #stacks_in_1474_1 tr.show-for-medium-up, #stacks_in_1474_1 tr.hide-for-medium, #stacks_in_1474_1 tr.hide-for-medium-down, #stacks_in_1474_1 tr.hide-for-large-only, #stacks_in_1474_1 tr.show-for-large-up, #stacks_in_1474_1 tr.hide-for-large, #stacks_in_1474_1 tr.hide-for-large-down, #stacks_in_1474_1 tr.hide-for-xlarge-only, #stacks_in_1474_1 tr.show-for-xlarge-up, #stacks_in_1474_1 tr.show-for-xxlarge-only, #stacks_in_1474_1 tr.show-for-xxlarge-up { display: table-row !important; } #stacks_in_1474_1 th.hide-for-small-only, #stacks_in_1474_1 td.hide-for-small-only, #stacks_in_1474_1 th.show-for-small-up, #stacks_in_1474_1 td.show-for-small-up, #stacks_in_1474_1 th.hide-for-small, #stacks_in_1474_1 td.hide-for-small, #stacks_in_1474_1 th.hide-for-small-down, #stacks_in_1474_1 td.hide-for-small-down, #stacks_in_1474_1 th.hide-for-medium-only, #stacks_in_1474_1 td.hide-for-medium-only, #stacks_in_1474_1 th.show-for-medium-up, #stacks_in_1474_1 td.show-for-medium-up, #stacks_in_1474_1 th.hide-for-medium, #stacks_in_1474_1 td.hide-for-medium, #stacks_in_1474_1 th.hide-for-medium-down, #stacks_in_1474_1 td.hide-for-medium-down, #stacks_in_1474_1 th.hide-for-large-only, #stacks_in_1474_1 td.hide-for-large-only, #stacks_in_1474_1 th.show-for-large-up, #stacks_in_1474_1 td.show-for-large-up, #stacks_in_1474_1 th.hide-for-large, #stacks_in_1474_1 td.hide-for-large, #stacks_in_1474_1 th.hide-for-large-down, #stacks_in_1474_1 td.hide-for-large-down, #stacks_in_1474_1 th.hide-for-xlarge-only, #stacks_in_1474_1 td.hide-for-xlarge-only, #stacks_in_1474_1 th.show-for-xlarge-up, #stacks_in_1474_1 td.show-for-xlarge-up, #stacks_in_1474_1 th.show-for-xxlarge-only, #stacks_in_1474_1 td.show-for-xxlarge-only, #stacks_in_1474_1 th.show-for-xxlarge-up, #stacks_in_1474_1 td.show-for-xxlarge-up { display: table-cell !important; } } /* Orientation targeting */ .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } /* Specific visibility for tables */ #stacks_in_1474_1 table.hide-for-landscape, #stacks_in_1474_1 table.show-for-portrait { display: table; } #stacks_in_1474_1 thead.hide-for-landscape, #stacks_in_1474_1 thead.show-for-portrait { display: table-header-group !important; } #stacks_in_1474_1 tbody.hide-for-landscape, #stacks_in_1474_1 tbody.show-for-portrait { display: table-row-group !important; } #stacks_in_1474_1 tr.hide-for-landscape, #stacks_in_1474_1 tr.show-for-portrait { display: table-row !important; } #stacks_in_1474_1 td.hide-for-landscape, #stacks_in_1474_1 td.show-for-portrait, #stacks_in_1474_1 th.hide-for-landscape, #stacks_in_1474_1 th.show-for-portrait { display: table-cell !important; } @media only screen and (orientation: landscape) { #stacks_in_1474_1 .show-for-landscape, #stacks_in_1474_1 .hide-for-portrait { display: inherit !important; } #stacks_in_1474_1 .hide-for-landscape, #stacks_in_1474_1 .show-for-portrait { display: none !important; } /* Specific visibility for tables */ #stacks_in_1474_1 table.show-for-landscape, #stacks_in_1474_1 table.hide-for-portrait { display: table; } #stacks_in_1474_1 thead.show-for-landscape, #stacks_in_1474_1 thead.hide-for-portrait { display: table-header-group !important; } #stacks_in_1474_1 tbody.show-for-landscape, #stacks_in_1474_1 tbody.hide-for-portrait { display: table-row-group !important; } #stacks_in_1474_1 tr.show-for-landscape, #stacks_in_1474_1 tr.hide-for-portrait { display: table-row !important; } #stacks_in_1474_1 td.show-for-landscape, #stacks_in_1474_1 td.hide-for-portrait, #stacks_in_1474_1 th.show-for-landscape, #stacks_in_1474_1 th.hide-for-portrait { display: table-cell !important; } } @media only screen and (orientation: portrait) { #stacks_in_1474_1 .show-for-portrait, #stacks_in_1474_1 .hide-for-landscape { display: inherit !important; } #stacks_in_1474_1 .hide-for-portrait, #stacks_in_1474_1 .show-for-landscape { display: none !important; } /* Specific visibility for tables */ #stacks_in_1474_1 table.show-for-portrait, #stacks_in_1474_1 table.hide-for-landscape { display: table; } #stacks_in_1474_1 thead.show-for-portrait, #stacks_in_1474_1 thead.hide-for-landscape { display: table-header-group !important; } #stacks_in_1474_1 tbody.show-for-portrait, #stacks_in_1474_1 tbody.hide-for-landscape { display: table-row-group !important; } #stacks_in_1474_1 tr.show-for-portrait, #stacks_in_1474_1 tr.hide-for-landscape { display: table-row !important; } #stacks_in_1474_1 td.show-for-portrait, #stacks_in_1474_1 td.hide-for-landscape, #stacks_in_1474_1 th.show-for-portrait, #stacks_in_1474_1 th.hide-for-landscape { display: table-cell !important; } } /* Touch-enabled device targeting */ .show-for-touch { display: none !important; } .hide-for-touch { display: inherit !important; } .touch #stacks_in_1474_1 .show-for-touch { display: inherit !important; } .touch #stacks_in_1474_1 .hide-for-touch { display: none !important; } /* Specific visibility for tables */ #stacks_in_1474_1 table.hide-for-touch { display: table; } .touch #stacks_in_1474_1 table.show-for-touch { display: table; } #stacks_in_1474_1 thead.hide-for-touch { display: table-header-group !important; } .touch #stacks_in_1474_1 thead.show-for-touch { display: table-header-group !important; } #stacks_in_1474_1 tbody.hide-for-touch { display: table-row-group !important; } .touch #stacks_in_1474_1 tbody.show-for-touch { display: table-row-group !important; } #stacks_in_1474_1 tr.hide-for-touch { display: table-row !important; } .touch #stacks_in_1474_1 tr.show-for-touch { display: table-row !important; } #stacks_in_1474_1 td.hide-for-touch { display: table-cell !important; } .touch #stacks_in_1474_1 td.show-for-touch { display: table-cell !important; } #stacks_in_1474_1 th.hide-for-touch { display: table-cell !important; } .touch #stacks_in_1474_1 th.show-for-touch { display: table-cell !important; } /* Print visibility */ @media print { #stacks_in_1474_1 .show-for-print { display: block; } #stacks_in_1474_1 .hide-for-print { display: none; } #stacks_in_1474_1 table.show-for-print { display: table; } #stacks_in_1474_1 thead.show-for-print { display: table-header-group !important; } #stacks_in_1474_1 tbody.show-for-print { display: table-row-group !important; } #stacks_in_1474_1 tr.show-for-print { display: table-row !important; } #stacks_in_1474_1 td.show-for-print { display: table-cell !important; } #stacks_in_1474_1 th.show-for-print { display: table-cell !important; } } /* -------------------------------- Primary style -------------------------------- */ body.overflow-hidden { /* used when modal is visible */ overflow: hidden; } body.overflow-hidden .cd-modal { display: block !important; } /* -------------------------------- Main Components -------------------------------- */ #stacks_in_1474_2 .cd-section { text-align: center; position: relative; } #stacks_in_1474_2 .cd-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; pointer-events: none; -webkit-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; -moz-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; } #stacks_in_1474_2 .cd-modal .cd-modal-content { box-sizing: border-box; height: 100%; width: 100%; padding: 3em 5%; color: #FFFFFF; text-align: left; overflow-y: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_1474_2 .cd-modal-content a, #stacks_in_1474_2 .cd-modal-content a:visited { color: #DE425A; } #stacks_in_1474_2 .cd-modal-content a:hover, #stacks_in_1474_2 .cd-modal-content a:active { color: #B13448; } #stacks_in_1474_2 .modal-is-visible .cd-modal { z-index: 300000 !important; visibility: visible; opacity: 1; pointer-events: auto; -webkit-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; -moz-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; } #stacks_in_1474_2 .modal-is-visible .cd-modal .cd-modal-content { -webkit-overflow-scrolling: touch; } @media only screen and (min-width: 768px) { #stacks_in_1474_2 .cd-modal .cd-modal-content { padding: 4em 10%; } } @media only screen and (min-width: 1170px) { #stacks_in_1474_2 .cd-modal .cd-modal-content { padding: 6em 20%; } } #stacks_in_1474_2 .cd-modal-action { position: relative; } #stacks_in_1474_2 .cd-modal-action .modal_btn, #stacks_in_1474_2 .cd-modal-action .cd-modal-bg { display: inline-block; height: 2.5em; background-color: #336699; } #stacks_in_1474_2 .modal_btn, #stacks_in_1474_2 .cd-modal-close { text-decoration: none !important; border: none !important; } #stacks_in_1474_2 .cd-modal-action .modal_btn { border-radius: 5em; color: #ffffff; line-height: 2.5em; white-space: nowrap; font-weight: 700; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: color 0.2s 0.3s, width 0.3s 0s; -moz-transition: color 0.2s 0.3s, width 0.3s 0s; transition: color 0.2s 0.3s, width 0.3s 0s; overflow: hidden; } @media only screen { #stacks_in_1474_2 .cd-modal-action .modal_btn { width: 225px; } } @media only screen and (max-width: 720px) { #stacks_in_1474_2 .cd-modal-action .modal_btn { width: 100%; } } @media only screen and (max-width: 480px) { #stacks_in_1474_2 .cd-modal-action .modal_btn { width: 100%; } } #stacks_in_1474_2 .cd-modal-action .modal_btn i { margin-right: 6px; } #stacks_in_1474_2 .cd-modal-action .modal_btn.to-circle { width: 2.5em; color: transparent !important; -webkit-transition: color 0.2s 0s, width 0.3s 0.2s; -moz-transition: color 0.2s 0s, width 0.3s 0.2s; transition: color 0.2s 0s, width 0.3s 0.2s; } #stacks_in_1474_2 .cd-modal-action .cd-modal-bg { position: absolute; z-index: 300000 !important; left: 50%; top: 0; width: 2.5em; border-radius: 50%; opacity: 0; visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateX(-2em); -moz-transform: translateX(-2em); -ms-transform: translateX(-2em); -o-transform: translateX(-2em); transform: translateX(-2em); -webkit-transition: visibility 0s 0.5s; -moz-transition: visibility 0s 0.5s; transition: visibility 0s 0.5s; } #stacks_in_1474_2 .cd-modal-action .cd-modal-bg.is-visible { opacity: 1; visibility: visible; } #stacks_in_1474_2 .cd-modal-close { position: fixed; z-index: 9999999 !important; top: 20px; right: 20px; display: block; height: 50px; width: 50px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.3); background-image: url(../files/cd-icon-close.png); background-repeat: no-repeat; background-position: center center; /* image replacement */ overflow: hidden; text-indent: 100%; white-space: nowrap; visibility: hidden; opacity: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; transition: transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; } #stacks_in_1474_2 .no-touch .cd-modal-close:hover { background-color: rgba(0, 0, 0, 0.5); } #stacks_in_1474_2 .modal-is-visible .cd-modal-close { visibility: visible; opacity: 1; -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; transition: transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } @media only screen and (min-width: 768px) { #stacks_in_1474_2 .cd-modal-close { top: 40px; right: 40px; } } #stacks_in_1474_2 .cd-modal-action a, #stacks_in_1474_2 .cd-modal-action a:visited, #stacks_in_1474_2 .cd-modal-action a:hover, #stacks_in_1474_2 .cd-modal-action a:active { color: #FFFFFF !important; text-decoration: none; } /* Font Selections */ #stacks_in_1474_2 .cd-modal-action .modal_btn { } #stacks_in_1474_2 { margin: 10px 0px 10px 0px; } #stacks_out_1474_2 { width: 48%; margin-left:0; } /* Start Print This 2 stack CSS code */ .stacks_in_1474_3PrintThisOuter{ background-color: #FFFFFF; padding: 15px; border: 1px dashed #CCCCCC; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .stacks_in_1474_3PrintThis2{ position: relative; } @font-face { font-family: "doo_fontsregular"; src: url('../files/printthis2Assets/font/doo_print-webfont.eot'); src: url('../files/printthis2Assets/font/doo_print-webfont.eot?#iefix') format('eot'), url('../files/printthis2Assets/font/doo_print-webfont.woff') format('woff'), url('../files/printthis2Assets/font/doo_print-webfont.ttf') format('truetype'), url('../files/printthis2Assets/font/doo_print-webfont.svg#doo_fontsregular') format('svg'); font-weight: normal; font-style: normal; } .stacks_in_1474_3PrintThisButton{ float: right; font-family: "doo_fontsregular"; font-size: 24px; line-height: 24px; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; color: #000000; cursor:pointer; } .stacks_in_1474_3PrintThisButton:hover{ color: #3C3C3C; } .stacks_in_1474_3clearer{ clear: both; height: 1px; padding: 0; margin: 0; } /* End Print This 2 stack CSS code */ #stacks_in_1474_7 h1,#stacks_in_1474_7 h1 a,#stacks_in_1474_7 p,#stacks_in_1474_7 p a{ font-size:15px; line-height:1.39em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_1474_7 h1,#stacks_in_1474_7 h1 a,#stacks_in_1474_7 p,#stacks_in_1474_7 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_1474_7 h1,#stacks_in_1474_7 h1 a,#stacks_in_1474_7 p,#stacks_in_1474_7 p a{ font-size:12px; } } #stacks_in_1474_7 h1,#stacks_in_1474_7 h1 a,#stacks_in_1474_7 p,#stacks_in_1474_7 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_1474_7 p a:hover, #stacks_in_1474_7 h1 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_out_1474_7 { margin-right:0; } #stacks_in_1475 h3,#stacks_in_1475 h3 a,#stacks_in_1475 p,#stacks_in_1475 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_1475 h3,#stacks_in_1475 h3 a,#stacks_in_1475 p,#stacks_in_1475 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_1475 h3,#stacks_in_1475 h3 a,#stacks_in_1475 p,#stacks_in_1475 p a{ font-size:13px; } } #stacks_in_1475 h3,#stacks_in_1475 h3 a,#stacks_in_1475 p,#stacks_in_1475 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_1475 p a:hover, #stacks_in_1475 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_1475 { margin: 10px; } #stacks_out_1475 { margin-right:0; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_1477, #stacks_in_1477 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_1477 { padding: 20px 0px !important; } #press_alignment_stacks_in_1477 { width: 100%; } #press_alignment_stacks_in_1477.press-left { text-align: left; } #press_alignment_stacks_in_1477.press-center { text-align: center; } #press_alignment_stacks_in_1477.press-right { text-align: right; } #stacks_in_1477 { transition: all 200ms ease; /* */ /* */ /* */ background: #CCCCCC; background: -webkit-gradient(linear, left top, left bottom, from(to bottom), color-stop(#CCCCCC), to(#ACACAC)); background: linear-gradient(to bottom, #CCCCCC, #ACACAC); /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(0, 0, 0, 1.00); margin: 20px 0px 20px 20px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_1477:hover { /* */ /* */ /* */ background: rgba(255, 255, 255, 0.75); /* */ /* */ /* */ /* */ /* */ /* */ /* */ } #stacks_in_1477:hover .press-icon i { /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_1477:active { /* */ /* */ /* */ /* */ } #stacks_in_1477:active .press-icon i { /* */ } #stacks_in_1477 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 10px 20px 10px 20px; border-radius: 0px 0px 0px 0px; /* */ /* */ /* */ background: #CCCCCC; background: -webkit-gradient(linear, left top, left bottom, from(to right), color-stop(#CCCCCC), to(#999999)); background: linear-gradient(to right, #CCCCCC, #999999); /* */ /* */ /* */ /* */ margin-right: 0px; /* */ /* */ /* */ } #stacks_in_1477 .press-icon i { font-size: 17px; color: rgba(0, 0, 0, 1.00); vertical-align: middle; } #stacks_in_1477 .press-text { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; padding: 5px 14px 5px 14px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 20px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_1477 .press-text .out { margin: 0 !important; } #stacks_in_1477 { font-size: 14px; line-height: 20px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } #flex-item-stacks_in_7606 .flex-grid-item-stacks_in_7582 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_7606 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_7606 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 .flex-item-content-inner-stacks_in_7582 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7606 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_7606 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7606 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7606 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7606.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7606.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7606.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_1441 h3,#stacks_in_1441 h3 a,#stacks_in_1441 p,#stacks_in_1441 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_1441 h3,#stacks_in_1441 h3 a,#stacks_in_1441 p,#stacks_in_1441 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_1441 h3,#stacks_in_1441 h3 a,#stacks_in_1441 p,#stacks_in_1441 p a{ font-size:13px; } } #stacks_in_1441 h3,#stacks_in_1441 h3 a,#stacks_in_1441 p,#stacks_in_1441 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_1441 p a:hover, #stacks_in_1441 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_1441 { margin: 10px; } #stacks_out_1441 { margin-right:0; } /* ********* */ /* Normalize */ /* ********* */ /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ #stacks_in_1443_1 article, #stacks_in_1443_1 aside, #stacks_in_1443_1 details, #stacks_in_1443_1 figcaption, #stacks_in_1443_1 figure, #stacks_in_1443_1 footer, #stacks_in_1443_1 header, #stacks_in_1443_1 hgroup, #stacks_in_1443_1 main, #stacks_in_1443_1 nav, #stacks_in_1443_1 section, #stacks_in_1443_1 summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ #stacks_in_1443_1 audio, #stacks_in_1443_1 canvas, #stacks_in_1443_1 progress, #stacks_in_1443_1 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ #stacks_in_1443_1 audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ #stacks_in_1443_1 [hidden], #stacks_in_1443_1 template { display: none; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ #stacks_in_1443_1 img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ #stacks_in_1443_1 svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address differences between Firefox and other browsers. */ #stacks_in_1443_1 hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ #stacks_in_1443_1 pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ #stacks_in_1443_1 code, #stacks_in_1443_1 kbd, #stacks_in_1443_1 pre, #stacks_in_1443_1 samp { font-family: monospace, monospace; font-size: 1em; } /* **************** */ /* Stack Specific */ /* **************** */ %[if ]% %[if edit]% #stacks_in_1443_1 { background-image: url(../files/images/preview_numbers_background.png), url(../files/images/preview_striped_background.png); background-repeat: no-repeat, repeat-y; background-size: 100%, 100%; background-position: center top, center 100px; border-radius: 4px; padding-top: 75px; padding-bottom: 25px; border: 1px solid #e9e9e9; } %[endif]% %[endif]% #stacks_in_1443_1 *, #stacks_in_1443_1 *:before, #stacks_in_1443_1 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } %[if !edit]% #stacks_in_1443_1 .wow { visibility: hidden; } %[endif]% #stacks_in_1443_1>ul li { padding-bottom: 0 !important; } /* iPhone aka SMALL */ @media only screen { #stacks_in_1443_1>ul>li { margin-bottom: px; } } %[if ]% /* iPad aka MEDIUM */ @media only screen and (min-width: 40.063em) { #stacks_in_1443_1>ul>li { margin-bottom: px; } } %[endif]% %[if ]% /* Desktop aka LARGE */ @media only screen and (min-width: 64.063em) { #stacks_in_1443_1>ul>li { margin-bottom: px; } } %[endif]% /* **************** */ /* Foundation START */ /* **************** */ /* Copyright (c) 2013-2014 ZURB, inc. MIT License 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. */ #stacks_in_1443_1 meta.foundation-version { font-family: "/5.3.1/"; } #stacks_in_1443_1 meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } #stacks_in_1443_1 meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } #stacks_in_1443_1 meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } #stacks_in_1443_1 meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } #stacks_in_1443_1 meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } #stacks_in_1443_1 meta.foundation-data-attribute-namespace { font-family: false; } #stacks_in_1443_1 *, #stacks_in_1443_1 *:before, #stacks_in_1443_1 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_1443_1 .left { float: left !important; } #stacks_in_1443_1 .right { float: right !important; } #stacks_in_1443_1 .clearfix:before, #stacks_in_1443_1 .clearfix:after { content: " "; display: table; } #stacks_in_1443_1 .clearfix:after { clear: both; } #stacks_in_1443_1 .hide { display: none; } #stacks_in_1443_1 .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_1443_1 img { display: inline-block; vertical-align: middle; } #stacks_in_1443_1 textarea { height: auto; min-height: 50px; } #stacks_in_1443_1 select { width: 100%; } #stacks_in_1443_1 .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } #stacks_in_1443_1 .row { max-width: 62.5em; } #stacks_in_1443_1 .row:before, #stacks_in_1443_1 .row:after { content: " "; display: table; } #stacks_in_1443_1 .row:after { clear: both; } #stacks_in_1443_1 .row.collapse > .column, #stacks_in_1443_1 .row.collapse > .columns { padding-left: 0; padding-right: 0; } #stacks_in_1443_1 .row.collapse .row { margin-left: 0; margin-right: 0; } #stacks_in_1443_1 .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; } #stacks_in_1443_1 .row .row:before, #stacks_in_1443_1 .row .row:after { content: " "; display: table; } #stacks_in_1443_1 .row .row:after { clear: both; } #stacks_in_1443_1 .row .row.collapse { width: auto; margin: 0; max-width: none; } #stacks_in_1443_1 .row .row.collapse:before, #stacks_in_1443_1 .row .row.collapse:after { content: " "; display: table; } #stacks_in_1443_1 .row .row.collapse:after { clear: both; } #stacks_in_1443_1 .column, #stacks_in_1443_1 .columns { padding-left: 0.9375em; padding-right: 0.9375em; width: 100%; float: left; } #stacks_in_1443_1 [class*="column"] + [class*="column"]:last-child { float: right; } #stacks_in_1443_1 [class*="column"] + [class*="column"].end { float: left; } @media only screen { #stacks_in_1443_1 .small-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1443_1 .small-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1443_1 .small-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1443_1 .small-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1443_1 .small-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1443_1 .small-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1443_1 .small-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1443_1 .small-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1443_1 .small-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1443_1 .small-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1443_1 .small-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1443_1 .small-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1443_1 .small-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1443_1 .small-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1443_1 .small-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1443_1 .small-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1443_1 .small-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1443_1 .small-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1443_1 .small-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1443_1 .small-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1443_1 .small-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1443_1 .small-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1443_1 .small-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1443_1 .small-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_1443_1 .column, #stacks_in_1443_1 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_1443_1 .small-1 { width: 8.33333%; } #stacks_in_1443_1 .small-2 { width: 16.66667%; } #stacks_in_1443_1 .small-3 { width: 25%; } #stacks_in_1443_1 .small-4 { width: 33.33333%; } #stacks_in_1443_1 .small-5 { width: 41.66667%; } #stacks_in_1443_1 .small-6 { width: 50%; } #stacks_in_1443_1 .small-7 { width: 58.33333%; } #stacks_in_1443_1 .small-8 { width: 66.66667%; } #stacks_in_1443_1 .small-9 { width: 75%; } #stacks_in_1443_1 .small-10 { width: 83.33333%; } #stacks_in_1443_1 .small-11 { width: 91.66667%; } #stacks_in_1443_1 .small-12 { width: 100%; } #stacks_in_1443_1 .small-offset-0 { margin-left: 0% !important; } #stacks_in_1443_1 .small-offset-1 { margin-left: 8.33333% !important; } #stacks_in_1443_1 .small-offset-2 { margin-left: 16.66667% !important; } #stacks_in_1443_1 .small-offset-3 { margin-left: 25% !important; } #stacks_in_1443_1 .small-offset-4 { margin-left: 33.33333% !important; } #stacks_in_1443_1 .small-offset-5 { margin-left: 41.66667% !important; } #stacks_in_1443_1 .small-offset-6 { margin-left: 50% !important; } #stacks_in_1443_1 .small-offset-7 { margin-left: 58.33333% !important; } #stacks_in_1443_1 .small-offset-8 { margin-left: 66.66667% !important; } #stacks_in_1443_1 .small-offset-9 { margin-left: 75% !important; } #stacks_in_1443_1 .small-offset-10 { margin-left: 83.33333% !important; } #stacks_in_1443_1 .small-offset-11 { margin-left: 91.66667% !important; } #stacks_in_1443_1 .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_1443_1 .column.small-centered, #stacks_in_1443_1 .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_1443_1 .column.small-uncentered, #stacks_in_1443_1 .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_1443_1 .column.small-centered:last-child, #stacks_in_1443_1 .columns.small-centered:last-child { float: none; } #stacks_in_1443_1 .column.small-uncentered:last-child, #stacks_in_1443_1 .columns.small-uncentered:last-child { float: left; } #stacks_in_1443_1 .column.small-uncentered.opposite, #stacks_in_1443_1 .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 40.063em) { #stacks_in_1443_1 .medium-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1443_1 .medium-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1443_1 .medium-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1443_1 .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1443_1 .medium-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1443_1 .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1443_1 .medium-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1443_1 .medium-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1443_1 .medium-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1443_1 .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1443_1 .medium-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1443_1 .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1443_1 .medium-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1443_1 .medium-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1443_1 .medium-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1443_1 .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1443_1 .medium-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1443_1 .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1443_1 .medium-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1443_1 .medium-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1443_1 .medium-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1443_1 .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1443_1 .medium-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1443_1 .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_1443_1 .column, #stacks_in_1443_1 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_1443_1 .medium-1 { width: 8.33333%; } #stacks_in_1443_1 .medium-2 { width: 16.66667%; } #stacks_in_1443_1 .medium-3 { width: 25%; } #stacks_in_1443_1 .medium-4 { width: 33.33333%; } #stacks_in_1443_1 .medium-5 { width: 41.66667%; } #stacks_in_1443_1 .medium-6 { width: 50%; } #stacks_in_1443_1 .medium-7 { width: 58.33333%; } #stacks_in_1443_1 .medium-8 { width: 66.66667%; } #stacks_in_1443_1 .medium-9 { width: 75%; } #stacks_in_1443_1 .medium-10 { width: 83.33333%; } #stacks_in_1443_1 .medium-11 { width: 91.66667%; } #stacks_in_1443_1 .medium-12 { width: 100%; } #stacks_in_1443_1 .medium-offset-0 { margin-left: 0% !important; } #stacks_in_1443_1 .medium-offset-1 { margin-left: 8.33333% !important; } #stacks_in_1443_1 .medium-offset-2 { margin-left: 16.66667% !important; } #stacks_in_1443_1 .medium-offset-3 { margin-left: 25% !important; } #stacks_in_1443_1 .medium-offset-4 { margin-left: 33.33333% !important; } #stacks_in_1443_1 .medium-offset-5 { margin-left: 41.66667% !important; } #stacks_in_1443_1 .medium-offset-6 { margin-left: 50% !important; } #stacks_in_1443_1 .medium-offset-7 { margin-left: 58.33333% !important; } #stacks_in_1443_1 .medium-offset-8 { margin-left: 66.66667% !important; } #stacks_in_1443_1 .medium-offset-9 { margin-left: 75% !important; } #stacks_in_1443_1 .medium-offset-10 { margin-left: 83.33333% !important; } #stacks_in_1443_1 .medium-offset-11 { margin-left: 91.66667% !important; } #stacks_in_1443_1 .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_1443_1 .column.medium-centered, #stacks_in_1443_1 .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_1443_1 .column.medium-uncentered, #stacks_in_1443_1 .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_1443_1 .column.medium-centered:last-child, #stacks_in_1443_1 .columns.medium-centered:last-child { float: none; } #stacks_in_1443_1 .column.medium-uncentered:last-child, #stacks_in_1443_1 .columns.medium-uncentered:last-child { float: left; } #stacks_in_1443_1 .column.medium-uncentered.opposite, #stacks_in_1443_1 .columns.medium-uncentered.opposite { float: right; } #stacks_in_1443_1 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1443_1 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1443_1 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1443_1 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1443_1 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1443_1 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1443_1 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1443_1 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1443_1 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1443_1 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1443_1 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1443_1 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1443_1 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1443_1 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1443_1 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1443_1 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1443_1 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1443_1 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1443_1 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1443_1 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1443_1 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1443_1 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1443_1 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1443_1 .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { #stacks_in_1443_1 .large-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1443_1 .large-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1443_1 .large-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1443_1 .large-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1443_1 .large-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1443_1 .large-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1443_1 .large-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1443_1 .large-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1443_1 .large-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1443_1 .large-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1443_1 .large-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1443_1 .large-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1443_1 .large-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1443_1 .large-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1443_1 .large-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1443_1 .large-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1443_1 .large-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1443_1 .large-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1443_1 .large-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1443_1 .large-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1443_1 .large-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1443_1 .large-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1443_1 .large-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1443_1 .large-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_1443_1 .column, #stacks_in_1443_1 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_1443_1 .large-1 { width: 8.33333%; } #stacks_in_1443_1 .large-2 { width: 16.66667%; } #stacks_in_1443_1 .large-3 { width: 25%; } #stacks_in_1443_1 .large-4 { width: 33.33333%; } #stacks_in_1443_1 .large-5 { width: 41.66667%; } #stacks_in_1443_1 .large-6 { width: 50%; } #stacks_in_1443_1 .large-7 { width: 58.33333%; } #stacks_in_1443_1 .large-8 { width: 66.66667%; } #stacks_in_1443_1 .large-9 { width: 75%; } #stacks_in_1443_1 .large-10 { width: 83.33333%; } #stacks_in_1443_1 .large-11 { width: 91.66667%; } #stacks_in_1443_1 .large-12 { width: 100%; } #stacks_in_1443_1 .large-offset-0 { margin-left: 0% !important; } #stacks_in_1443_1 .large-offset-1 { margin-left: 8.33333% !important; } #stacks_in_1443_1 .large-offset-2 { margin-left: 16.66667% !important; } #stacks_in_1443_1 .large-offset-3 { margin-left: 25% !important; } #stacks_in_1443_1 .large-offset-4 { margin-left: 33.33333% !important; } #stacks_in_1443_1 .large-offset-5 { margin-left: 41.66667% !important; } #stacks_in_1443_1 .large-offset-6 { margin-left: 50% !important; } #stacks_in_1443_1 .large-offset-7 { margin-left: 58.33333% !important; } #stacks_in_1443_1 .large-offset-8 { margin-left: 66.66667% !important; } #stacks_in_1443_1 .large-offset-9 { margin-left: 75% !important; } #stacks_in_1443_1 .large-offset-10 { margin-left: 83.33333% !important; } #stacks_in_1443_1 .large-offset-11 { margin-left: 91.66667% !important; } #stacks_in_1443_1 .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_1443_1 .column.large-centered, #stacks_in_1443_1 .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_1443_1 .column.large-uncentered, #stacks_in_1443_1 .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_1443_1 .column.large-centered:last-child, #stacks_in_1443_1 .columns.large-centered:last-child { float: none; } #stacks_in_1443_1 .column.large-uncentered:last-child, #stacks_in_1443_1 .columns.large-uncentered:last-child { float: left; } #stacks_in_1443_1 .column.large-uncentered.opposite, #stacks_in_1443_1 .columns.large-uncentered.opposite { float: right; } #stacks_in_1443_1 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1443_1 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1443_1 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1443_1 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1443_1 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1443_1 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1443_1 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1443_1 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1443_1 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1443_1 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1443_1 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1443_1 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1443_1 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1443_1 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1443_1 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1443_1 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1443_1 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1443_1 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1443_1 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1443_1 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1443_1 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1443_1 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1443_1 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1443_1 .pull-11 { position: relative; right: 91.66667%; left: auto; } } #stacks_in_1443_1 [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } #stacks_in_1443_1 [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } #stacks_in_1443_1 [class*="block-grid-"]:after { clear: both; } #stacks_in_1443_1 [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { #stacks_in_1443_1 .small-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_1443_1 .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_1443_1 .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_1443_1 .small-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_1443_1 .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_1443_1 .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_1443_1 .small-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_1443_1 .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_1443_1 .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_1443_1 .small-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_1443_1 .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_1443_1 .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_1443_1 .small-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_1443_1 .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_1443_1 .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_1443_1 .small-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_1443_1 .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_1443_1 .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_1443_1 .small-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_1443_1 .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_1443_1 .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_1443_1 .small-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_1443_1 .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_1443_1 .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_1443_1 .small-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_1443_1 .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_1443_1 .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_1443_1 .small-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_1443_1 .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_1443_1 .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_1443_1 .small-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_1443_1 .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_1443_1 .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_1443_1 .small-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_1443_1 .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_1443_1 .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { #stacks_in_1443_1 .medium-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_1443_1 .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_1443_1 .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_1443_1 .medium-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_1443_1 .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_1443_1 .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_1443_1 .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_1443_1 .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_1443_1 .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_1443_1 .medium-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_1443_1 .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_1443_1 .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_1443_1 .medium-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_1443_1 .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_1443_1 .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_1443_1 .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_1443_1 .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_1443_1 .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_1443_1 .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_1443_1 .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_1443_1 .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_1443_1 .medium-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_1443_1 .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_1443_1 .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_1443_1 .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_1443_1 .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_1443_1 .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_1443_1 .medium-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_1443_1 .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_1443_1 .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_1443_1 .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_1443_1 .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_1443_1 .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_1443_1 .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_1443_1 .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_1443_1 .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { #stacks_in_1443_1 .large-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_1443_1 .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_1443_1 .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_1443_1 .large-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_1443_1 .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_1443_1 .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_1443_1 .large-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_1443_1 .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_1443_1 .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_1443_1 .large-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_1443_1 .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_1443_1 .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_1443_1 .large-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_1443_1 .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_1443_1 .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_1443_1 .large-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_1443_1 .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_1443_1 .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_1443_1 .large-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_1443_1 .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_1443_1 .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_1443_1 .large-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_1443_1 .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_1443_1 .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_1443_1 .large-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_1443_1 .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_1443_1 .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_1443_1 .large-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_1443_1 .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_1443_1 .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_1443_1 .large-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_1443_1 .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_1443_1 .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_1443_1 .large-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_1443_1 .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_1443_1 .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } /* Visibility CSS - Foundation */ /* small displays */ @media only screen { #stacks_in_1443_1 .show-for-small-only, #stacks_in_1443_1 .show-for-small-up, #stacks_in_1443_1 .show-for-small, #stacks_in_1443_1 .show-for-small-down, #stacks_in_1443_1 .hide-for-medium-only, #stacks_in_1443_1 .hide-for-medium-up, #stacks_in_1443_1 .hide-for-medium, #stacks_in_1443_1 .show-for-medium-down, #stacks_in_1443_1 .hide-for-large-only, #stacks_in_1443_1 .hide-for-large-up, #stacks_in_1443_1 .hide-for-large, #stacks_in_1443_1 .show-for-large-down, #stacks_in_1443_1 .hide-for-xlarge-only, #stacks_in_1443_1 .hide-for-xlarge-up, #stacks_in_1443_1 .hide-for-xxlarge-only, #stacks_in_1443_1 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_1443_1 .hide-for-small-only, #stacks_in_1443_1 .hide-for-small-up, #stacks_in_1443_1 .hide-for-small, #stacks_in_1443_1 .hide-for-small-down, #stacks_in_1443_1 .show-for-medium-only, #stacks_in_1443_1 .show-for-medium-up, #stacks_in_1443_1 .show-for-medium, #stacks_in_1443_1 .hide-for-medium-down, #stacks_in_1443_1 .show-for-large-only, #stacks_in_1443_1 .show-for-large-up, #stacks_in_1443_1 .show-for-large, #stacks_in_1443_1 .hide-for-large-down, #stacks_in_1443_1 .show-for-xlarge-only, #stacks_in_1443_1 .show-for-xlarge-up, #stacks_in_1443_1 .show-for-xxlarge-only, #stacks_in_1443_1 .show-for-xxlarge-up { display: none !important; } #stacks_in_1443_1 .visible-for-small-only, #stacks_in_1443_1 .visible-for-small-up, #stacks_in_1443_1 .visible-for-small, #stacks_in_1443_1 .visible-for-small-down, #stacks_in_1443_1 .hidden-for-medium-only, #stacks_in_1443_1 .hidden-for-medium-up, #stacks_in_1443_1 .hidden-for-medium, #stacks_in_1443_1 .visible-for-medium-down, #stacks_in_1443_1 .hidden-for-large-only, #stacks_in_1443_1 .hidden-for-large-up, #stacks_in_1443_1 .hidden-for-large, #stacks_in_1443_1 .visible-for-large-down, #stacks_in_1443_1 .hidden-for-xlarge-only, #stacks_in_1443_1 .hidden-for-xlarge-up, #stacks_in_1443_1 .hidden-for-xxlarge-only, #stacks_in_1443_1 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1443_1 .hidden-for-small-only, #stacks_in_1443_1 .hidden-for-small-up, #stacks_in_1443_1 .hidden-for-small, #stacks_in_1443_1 .hidden-for-small-down, #stacks_in_1443_1 .visible-for-medium-only, #stacks_in_1443_1 .visible-for-medium-up, #stacks_in_1443_1 .visible-for-medium, #stacks_in_1443_1 .hidden-for-medium-down, #stacks_in_1443_1 .visible-for-large-only, #stacks_in_1443_1 .visible-for-large-up, #stacks_in_1443_1 .visible-for-large, #stacks_in_1443_1 .hidden-for-large-down, #stacks_in_1443_1 .visible-for-xlarge-only, #stacks_in_1443_1 .visible-for-xlarge-up, #stacks_in_1443_1 .visible-for-xxlarge-only, #stacks_in_1443_1 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1443_1 table.show-for-small-only, #stacks_in_1443_1 table.show-for-small-up, #stacks_in_1443_1 table.show-for-small, #stacks_in_1443_1 table.show-for-small-down, #stacks_in_1443_1 table.hide-for-medium-only, #stacks_in_1443_1 table.hide-for-medium-up, #stacks_in_1443_1 table.hide-for-medium, #stacks_in_1443_1 table.show-for-medium-down, #stacks_in_1443_1 table.hide-for-large-only, #stacks_in_1443_1 table.hide-for-large-up, #stacks_in_1443_1 table.hide-for-large, #stacks_in_1443_1 table.show-for-large-down, #stacks_in_1443_1 table.hide-for-xlarge-only, #stacks_in_1443_1 table.hide-for-xlarge-up, #stacks_in_1443_1 table.hide-for-xxlarge-only, #stacks_in_1443_1 table.hide-for-xxlarge-up { display: table; } #stacks_in_1443_1 thead.show-for-small-only, #stacks_in_1443_1 thead.show-for-small-up, #stacks_in_1443_1 thead.show-for-small, #stacks_in_1443_1 thead.show-for-small-down, #stacks_in_1443_1 thead.hide-for-medium-only, #stacks_in_1443_1 thead.hide-for-medium-up, #stacks_in_1443_1 thead.hide-for-medium, #stacks_in_1443_1 thead.show-for-medium-down, #stacks_in_1443_1 thead.hide-for-large-only, #stacks_in_1443_1 thead.hide-for-large-up, #stacks_in_1443_1 thead.hide-for-large, #stacks_in_1443_1 thead.show-for-large-down, #stacks_in_1443_1 thead.hide-for-xlarge-only, #stacks_in_1443_1 thead.hide-for-xlarge-up, #stacks_in_1443_1 thead.hide-for-xxlarge-only, #stacks_in_1443_1 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1443_1 tbody.show-for-small-only, #stacks_in_1443_1 tbody.show-for-small-up, #stacks_in_1443_1 tbody.show-for-small, #stacks_in_1443_1 tbody.show-for-small-down, #stacks_in_1443_1 tbody.hide-for-medium-only, #stacks_in_1443_1 tbody.hide-for-medium-up, #stacks_in_1443_1 tbody.hide-for-medium, #stacks_in_1443_1 tbody.show-for-medium-down, #stacks_in_1443_1 tbody.hide-for-large-only, #stacks_in_1443_1 tbody.hide-for-large-up, #stacks_in_1443_1 tbody.hide-for-large, #stacks_in_1443_1 tbody.show-for-large-down, #stacks_in_1443_1 tbody.hide-for-xlarge-only, #stacks_in_1443_1 tbody.hide-for-xlarge-up, #stacks_in_1443_1 tbody.hide-for-xxlarge-only, #stacks_in_1443_1 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1443_1 tr.show-for-small-only, #stacks_in_1443_1 tr.show-for-small-up, #stacks_in_1443_1 tr.show-for-small, #stacks_in_1443_1 tr.show-for-small-down, #stacks_in_1443_1 tr.hide-for-medium-only, #stacks_in_1443_1 tr.hide-for-medium-up, #stacks_in_1443_1 tr.hide-for-medium, #stacks_in_1443_1 tr.show-for-medium-down, #stacks_in_1443_1 tr.hide-for-large-only, #stacks_in_1443_1 tr.hide-for-large-up, #stacks_in_1443_1 tr.hide-for-large, #stacks_in_1443_1 tr.show-for-large-down, #stacks_in_1443_1 tr.hide-for-xlarge-only, #stacks_in_1443_1 tr.hide-for-xlarge-up, #stacks_in_1443_1 tr.hide-for-xxlarge-only, #stacks_in_1443_1 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_1443_1 th.show-for-small-only, #stacks_in_1443_1 td.show-for-small-only, #stacks_in_1443_1 th.show-for-small-up, #stacks_in_1443_1 td.show-for-small-up, #stacks_in_1443_1 th.show-for-small, #stacks_in_1443_1 td.show-for-small, #stacks_in_1443_1 th.show-for-small-down, #stacks_in_1443_1 td.show-for-small-down, #stacks_in_1443_1 th.hide-for-medium-only, #stacks_in_1443_1 td.hide-for-medium-only, #stacks_in_1443_1 th.hide-for-medium-up, #stacks_in_1443_1 td.hide-for-medium-up, #stacks_in_1443_1 th.hide-for-medium, #stacks_in_1443_1 td.hide-for-medium, #stacks_in_1443_1 th.show-for-medium-down, #stacks_in_1443_1 td.show-for-medium-down, #stacks_in_1443_1 th.hide-for-large-only, #stacks_in_1443_1 td.hide-for-large-only, #stacks_in_1443_1 th.hide-for-large-up, #stacks_in_1443_1 td.hide-for-large-up, #stacks_in_1443_1 th.hide-for-large, #stacks_in_1443_1 td.hide-for-large, #stacks_in_1443_1 th.show-for-large-down, #stacks_in_1443_1 td.show-for-large-down, #stacks_in_1443_1 th.hide-for-xlarge-only, #stacks_in_1443_1 td.hide-for-xlarge-only, #stacks_in_1443_1 th.hide-for-xlarge-up, #stacks_in_1443_1 td.hide-for-xlarge-up, #stacks_in_1443_1 th.hide-for-xxlarge-only, #stacks_in_1443_1 td.hide-for-xxlarge-only, #stacks_in_1443_1 th.hide-for-xxlarge-up, #stacks_in_1443_1 td.hide-for-xxlarge-up { display: table-cell !important; } } /* medium displays */ @media only screen and (min-width: 40.063em) { #stacks_in_1443_1 .hide-for-small-only, #stacks_in_1443_1 .show-for-small-up, #stacks_in_1443_1 .hide-for-small, #stacks_in_1443_1 .hide-for-small-down, #stacks_in_1443_1 .show-for-medium-only, #stacks_in_1443_1 .show-for-medium-up, #stacks_in_1443_1 .show-for-medium, #stacks_in_1443_1 .show-for-medium-down, #stacks_in_1443_1 .hide-for-large-only, #stacks_in_1443_1 .hide-for-large-up, #stacks_in_1443_1 .hide-for-large, #stacks_in_1443_1 .show-for-large-down, #stacks_in_1443_1 .hide-for-xlarge-only, #stacks_in_1443_1 .hide-for-xlarge-up, #stacks_in_1443_1 .hide-for-xxlarge-only, #stacks_in_1443_1 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_1443_1 .show-for-small-only, #stacks_in_1443_1 .hide-for-small-up, #stacks_in_1443_1 .show-for-small, #stacks_in_1443_1 .show-for-small-down, #stacks_in_1443_1 .hide-for-medium-only, #stacks_in_1443_1 .hide-for-medium-up, #stacks_in_1443_1 .hide-for-medium, #stacks_in_1443_1 .hide-for-medium-down, #stacks_in_1443_1 .show-for-large-only, #stacks_in_1443_1 .show-for-large-up, #stacks_in_1443_1 .show-for-large, #stacks_in_1443_1 .hide-for-large-down, #stacks_in_1443_1 .show-for-xlarge-only, #stacks_in_1443_1 .show-for-xlarge-up, #stacks_in_1443_1 .show-for-xxlarge-only, #stacks_in_1443_1 .show-for-xxlarge-up { display: none !important; } #stacks_in_1443_1 .hidden-for-small-only, #stacks_in_1443_1 .visible-for-small-up, #stacks_in_1443_1 .hidden-for-small, #stacks_in_1443_1 .hidden-for-small-down, #stacks_in_1443_1 .visible-for-medium-only, #stacks_in_1443_1 .visible-for-medium-up, #stacks_in_1443_1 .visible-for-medium, #stacks_in_1443_1 .visible-for-medium-down, #stacks_in_1443_1 .hidden-for-large-only, #stacks_in_1443_1 .hidden-for-large-up, #stacks_in_1443_1 .hidden-for-large, #stacks_in_1443_1 .visible-for-large-down, #stacks_in_1443_1 .hidden-for-xlarge-only, #stacks_in_1443_1 .hidden-for-xlarge-up, #stacks_in_1443_1 .hidden-for-xxlarge-only, #stacks_in_1443_1 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1443_1 .visible-for-small-only, #stacks_in_1443_1 .hidden-for-small-up, #stacks_in_1443_1 .visible-for-small, #stacks_in_1443_1 .visible-for-small-down, #stacks_in_1443_1 .hidden-for-medium-only, #stacks_in_1443_1 .hidden-for-medium-up, #stacks_in_1443_1 .hidden-for-medium, #stacks_in_1443_1 .hidden-for-medium-down, #stacks_in_1443_1 .visible-for-large-only, #stacks_in_1443_1 .visible-for-large-up, #stacks_in_1443_1 .visible-for-large, #stacks_in_1443_1 .hidden-for-large-down, #stacks_in_1443_1 .visible-for-xlarge-only, #stacks_in_1443_1 .visible-for-xlarge-up, #stacks_in_1443_1 .visible-for-xxlarge-only, #stacks_in_1443_1 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1443_1 table.hide-for-small-only, #stacks_in_1443_1 table.show-for-small-up, #stacks_in_1443_1 table.hide-for-small, #stacks_in_1443_1 table.hide-for-small-down, #stacks_in_1443_1 table.show-for-medium-only, #stacks_in_1443_1 table.show-for-medium-up, #stacks_in_1443_1 table.show-for-medium, #stacks_in_1443_1 table.show-for-medium-down, #stacks_in_1443_1 table.hide-for-large-only, #stacks_in_1443_1 table.hide-for-large-up, #stacks_in_1443_1 table.hide-for-large, #stacks_in_1443_1 table.show-for-large-down, #stacks_in_1443_1 table.hide-for-xlarge-only, #stacks_in_1443_1 table.hide-for-xlarge-up, #stacks_in_1443_1 table.hide-for-xxlarge-only, #stacks_in_1443_1 table.hide-for-xxlarge-up { display: table; } #stacks_in_1443_1 thead.hide-for-small-only, #stacks_in_1443_1 thead.show-for-small-up, #stacks_in_1443_1 thead.hide-for-small, #stacks_in_1443_1 thead.hide-for-small-down, #stacks_in_1443_1 thead.show-for-medium-only, #stacks_in_1443_1 thead.show-for-medium-up, #stacks_in_1443_1 thead.show-for-medium, #stacks_in_1443_1 thead.show-for-medium-down, #stacks_in_1443_1 thead.hide-for-large-only, #stacks_in_1443_1 thead.hide-for-large-up, #stacks_in_1443_1 thead.hide-for-large, #stacks_in_1443_1 thead.show-for-large-down, #stacks_in_1443_1 thead.hide-for-xlarge-only, #stacks_in_1443_1 thead.hide-for-xlarge-up, #stacks_in_1443_1 thead.hide-for-xxlarge-only, #stacks_in_1443_1 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1443_1 tbody.hide-for-small-only, #stacks_in_1443_1 tbody.show-for-small-up, #stacks_in_1443_1 tbody.hide-for-small, #stacks_in_1443_1 tbody.hide-for-small-down, #stacks_in_1443_1 tbody.show-for-medium-only, #stacks_in_1443_1 tbody.show-for-medium-up, #stacks_in_1443_1 tbody.show-for-medium, #stacks_in_1443_1 tbody.show-for-medium-down, #stacks_in_1443_1 tbody.hide-for-large-only, #stacks_in_1443_1 tbody.hide-for-large-up, #stacks_in_1443_1 tbody.hide-for-large, #stacks_in_1443_1 tbody.show-for-large-down, #stacks_in_1443_1 tbody.hide-for-xlarge-only, #stacks_in_1443_1 tbody.hide-for-xlarge-up, #stacks_in_1443_1 tbody.hide-for-xxlarge-only, #stacks_in_1443_1 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1443_1 tr.hide-for-small-only, #stacks_in_1443_1 tr.show-for-small-up, #stacks_in_1443_1 tr.hide-for-small, #stacks_in_1443_1 tr.hide-for-small-down, #stacks_in_1443_1 tr.show-for-medium-only, #stacks_in_1443_1 tr.show-for-medium-up, #stacks_in_1443_1 tr.show-for-medium, #stacks_in_1443_1 tr.show-for-medium-down, #stacks_in_1443_1 tr.hide-for-large-only, #stacks_in_1443_1 tr.hide-for-large-up, #stacks_in_1443_1 tr.hide-for-large, #stacks_in_1443_1 tr.show-for-large-down, #stacks_in_1443_1 tr.hide-for-xlarge-only, #stacks_in_1443_1 tr.hide-for-xlarge-up, #stacks_in_1443_1 tr.hide-for-xxlarge-only, #stacks_in_1443_1 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_1443_1 th.hide-for-small-only, #stacks_in_1443_1 td.hide-for-small-only, #stacks_in_1443_1 th.show-for-small-up, #stacks_in_1443_1 td.show-for-small-up, #stacks_in_1443_1 th.hide-for-small, #stacks_in_1443_1 td.hide-for-small, #stacks_in_1443_1 th.hide-for-small-down, #stacks_in_1443_1 td.hide-for-small-down, #stacks_in_1443_1 th.show-for-medium-only, #stacks_in_1443_1 td.show-for-medium-only, #stacks_in_1443_1 th.show-for-medium-up, #stacks_in_1443_1 td.show-for-medium-up, #stacks_in_1443_1 th.show-for-medium, #stacks_in_1443_1 td.show-for-medium, #stacks_in_1443_1 th.show-for-medium-down, #stacks_in_1443_1 td.show-for-medium-down, #stacks_in_1443_1 th.hide-for-large-only, #stacks_in_1443_1 td.hide-for-large-only, #stacks_in_1443_1 th.hide-for-large-up, #stacks_in_1443_1 td.hide-for-large-up, #stacks_in_1443_1 th.hide-for-large, #stacks_in_1443_1 td.hide-for-large, #stacks_in_1443_1 th.show-for-large-down, #stacks_in_1443_1 td.show-for-large-down, #stacks_in_1443_1 th.hide-for-xlarge-only, #stacks_in_1443_1 td.hide-for-xlarge-only, #stacks_in_1443_1 th.hide-for-xlarge-up, #stacks_in_1443_1 td.hide-for-xlarge-up, #stacks_in_1443_1 th.hide-for-xxlarge-only, #stacks_in_1443_1 td.hide-for-xxlarge-only, #stacks_in_1443_1 th.hide-for-xxlarge-up, #stacks_in_1443_1 td.hide-for-xxlarge-up { display: table-cell !important; } } /* large displays */ @media only screen and (min-width: 64.063em) { #stacks_in_1443_1 .hide-for-small-only, #stacks_in_1443_1 .show-for-small-up, #stacks_in_1443_1 .hide-for-small, #stacks_in_1443_1 .hide-for-small-down, #stacks_in_1443_1 .hide-for-medium-only, #stacks_in_1443_1 .show-for-medium-up, #stacks_in_1443_1 .hide-for-medium, #stacks_in_1443_1 .hide-for-medium-down, #stacks_in_1443_1 .show-for-large-only, #stacks_in_1443_1 .show-for-large-up, #stacks_in_1443_1 .show-for-large, #stacks_in_1443_1 .show-for-large-down, #stacks_in_1443_1 .hide-for-xlarge-only, #stacks_in_1443_1 .hide-for-xlarge-up, #stacks_in_1443_1 .hide-for-xxlarge-only, #stacks_in_1443_1 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_1443_1 .show-for-small-only, #stacks_in_1443_1 .hide-for-small-up, #stacks_in_1443_1 .show-for-small, #stacks_in_1443_1 .show-for-small-down, #stacks_in_1443_1 .show-for-medium-only, #stacks_in_1443_1 .hide-for-medium-up, #stacks_in_1443_1 .show-for-medium, #stacks_in_1443_1 .show-for-medium-down, #stacks_in_1443_1 .hide-for-large-only, #stacks_in_1443_1 .hide-for-large-up, #stacks_in_1443_1 .hide-for-large, #stacks_in_1443_1 .hide-for-large-down, #stacks_in_1443_1 .show-for-xlarge-only, #stacks_in_1443_1 .show-for-xlarge-up, #stacks_in_1443_1 .show-for-xxlarge-only, #stacks_in_1443_1 .show-for-xxlarge-up { display: none !important; } #stacks_in_1443_1 .hidden-for-small-only, #stacks_in_1443_1 .visible-for-small-up, #stacks_in_1443_1 .hidden-for-small, #stacks_in_1443_1 .hidden-for-small-down, #stacks_in_1443_1 .hidden-for-medium-only, #stacks_in_1443_1 .visible-for-medium-up, #stacks_in_1443_1 .hidden-for-medium, #stacks_in_1443_1 .hidden-for-medium-down, #stacks_in_1443_1 .visible-for-large-only, #stacks_in_1443_1 .visible-for-large-up, #stacks_in_1443_1 .visible-for-large, #stacks_in_1443_1 .visible-for-large-down, #stacks_in_1443_1 .hidden-for-xlarge-only, #stacks_in_1443_1 .hidden-for-xlarge-up, #stacks_in_1443_1 .hidden-for-xxlarge-only, #stacks_in_1443_1 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1443_1 .visible-for-small-only, #stacks_in_1443_1 .hidden-for-small-up, #stacks_in_1443_1 .visible-for-small, #stacks_in_1443_1 .visible-for-small-down, #stacks_in_1443_1 .visible-for-medium-only, #stacks_in_1443_1 .hidden-for-medium-up, #stacks_in_1443_1 .visible-for-medium, #stacks_in_1443_1 .visible-for-medium-down, #stacks_in_1443_1 .hidden-for-large-only, #stacks_in_1443_1 .hidden-for-large-up, #stacks_in_1443_1 .hidden-for-large, #stacks_in_1443_1 .hidden-for-large-down, #stacks_in_1443_1 .visible-for-xlarge-only, #stacks_in_1443_1 .visible-for-xlarge-up, #stacks_in_1443_1 .visible-for-xxlarge-only, #stacks_in_1443_1 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1443_1 table.hide-for-small-only, #stacks_in_1443_1 table.show-for-small-up, #stacks_in_1443_1 table.hide-for-small, #stacks_in_1443_1 table.hide-for-small-down, #stacks_in_1443_1 table.hide-for-medium-only, #stacks_in_1443_1 table.show-for-medium-up, #stacks_in_1443_1 table.hide-for-medium, #stacks_in_1443_1 table.hide-for-medium-down, #stacks_in_1443_1 table.show-for-large-only, #stacks_in_1443_1 table.show-for-large-up, #stacks_in_1443_1 table.show-for-large, #stacks_in_1443_1 table.show-for-large-down, #stacks_in_1443_1 table.hide-for-xlarge-only, #stacks_in_1443_1 table.hide-for-xlarge-up, #stacks_in_1443_1 table.hide-for-xxlarge-only, #stacks_in_1443_1 table.hide-for-xxlarge-up { display: table; } #stacks_in_1443_1 thead.hide-for-small-only, #stacks_in_1443_1 thead.show-for-small-up, #stacks_in_1443_1 thead.hide-for-small, #stacks_in_1443_1 thead.hide-for-small-down, #stacks_in_1443_1 thead.hide-for-medium-only, #stacks_in_1443_1 thead.show-for-medium-up, #stacks_in_1443_1 thead.hide-for-medium, #stacks_in_1443_1 thead.hide-for-medium-down, #stacks_in_1443_1 thead.show-for-large-only, #stacks_in_1443_1 thead.show-for-large-up, #stacks_in_1443_1 thead.show-for-large, #stacks_in_1443_1 thead.show-for-large-down, #stacks_in_1443_1 thead.hide-for-xlarge-only, #stacks_in_1443_1 thead.hide-for-xlarge-up, #stacks_in_1443_1 thead.hide-for-xxlarge-only, #stacks_in_1443_1 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1443_1 tbody.hide-for-small-only, #stacks_in_1443_1 tbody.show-for-small-up, #stacks_in_1443_1 tbody.hide-for-small, #stacks_in_1443_1 tbody.hide-for-small-down, #stacks_in_1443_1 tbody.hide-for-medium-only, #stacks_in_1443_1 tbody.show-for-medium-up, #stacks_in_1443_1 tbody.hide-for-medium, #stacks_in_1443_1 tbody.hide-for-medium-down, #stacks_in_1443_1 tbody.show-for-large-only, #stacks_in_1443_1 tbody.show-for-large-up, #stacks_in_1443_1 tbody.show-for-large, #stacks_in_1443_1 tbody.show-for-large-down, #stacks_in_1443_1 tbody.hide-for-xlarge-only, #stacks_in_1443_1 tbody.hide-for-xlarge-up, #stacks_in_1443_1 tbody.hide-for-xxlarge-only, #stacks_in_1443_1 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1443_1 tr.hide-for-small-only, #stacks_in_1443_1 tr.show-for-small-up, #stacks_in_1443_1 tr.hide-for-small, #stacks_in_1443_1 tr.hide-for-small-down, #stacks_in_1443_1 tr.hide-for-medium-only, #stacks_in_1443_1 tr.show-for-medium-up, #stacks_in_1443_1 tr.hide-for-medium, #stacks_in_1443_1 tr.hide-for-medium-down, #stacks_in_1443_1 tr.show-for-large-only, #stacks_in_1443_1 tr.show-for-large-up, #stacks_in_1443_1 tr.show-for-large, #stacks_in_1443_1 tr.show-for-large-down, #stacks_in_1443_1 tr.hide-for-xlarge-only, #stacks_in_1443_1 tr.hide-for-xlarge-up, #stacks_in_1443_1 tr.hide-for-xxlarge-only, #stacks_in_1443_1 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_1443_1 th.hide-for-small-only, #stacks_in_1443_1 td.hide-for-small-only, #stacks_in_1443_1 th.show-for-small-up, #stacks_in_1443_1 td.show-for-small-up, #stacks_in_1443_1 th.hide-for-small, #stacks_in_1443_1 td.hide-for-small, #stacks_in_1443_1 th.hide-for-small-down, #stacks_in_1443_1 td.hide-for-small-down, #stacks_in_1443_1 th.hide-for-medium-only, #stacks_in_1443_1 td.hide-for-medium-only, #stacks_in_1443_1 th.show-for-medium-up, #stacks_in_1443_1 td.show-for-medium-up, #stacks_in_1443_1 th.hide-for-medium, #stacks_in_1443_1 td.hide-for-medium, #stacks_in_1443_1 th.hide-for-medium-down, #stacks_in_1443_1 td.hide-for-medium-down, #stacks_in_1443_1 th.show-for-large-only, #stacks_in_1443_1 td.show-for-large-only, #stacks_in_1443_1 th.show-for-large-up, #stacks_in_1443_1 td.show-for-large-up, #stacks_in_1443_1 th.show-for-large, #stacks_in_1443_1 td.show-for-large, #stacks_in_1443_1 th.show-for-large-down, #stacks_in_1443_1 td.show-for-large-down, #stacks_in_1443_1 th.hide-for-xlarge-only, #stacks_in_1443_1 td.hide-for-xlarge-only, #stacks_in_1443_1 th.hide-for-xlarge-up, #stacks_in_1443_1 td.hide-for-xlarge-up, #stacks_in_1443_1 th.hide-for-xxlarge-only, #stacks_in_1443_1 td.hide-for-xxlarge-only, #stacks_in_1443_1 th.hide-for-xxlarge-up, #stacks_in_1443_1 td.hide-for-xxlarge-up { display: table-cell !important; } } /* xlarge displays */ @media only screen and (min-width: 90.063em) { #stacks_in_1443_1 .hide-for-small-only, #stacks_in_1443_1 .show-for-small-up, #stacks_in_1443_1 .hide-for-small, #stacks_in_1443_1 .hide-for-small-down, #stacks_in_1443_1 .hide-for-medium-only, #stacks_in_1443_1 .show-for-medium-up, #stacks_in_1443_1 .hide-for-medium, #stacks_in_1443_1 .hide-for-medium-down, #stacks_in_1443_1 .hide-for-large-only, #stacks_in_1443_1 .show-for-large-up, #stacks_in_1443_1 .hide-for-large, #stacks_in_1443_1 .hide-for-large-down, #stacks_in_1443_1 .show-for-xlarge-only, #stacks_in_1443_1 .show-for-xlarge-up, #stacks_in_1443_1 .hide-for-xxlarge-only, #stacks_in_1443_1 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_1443_1 .show-for-small-only, #stacks_in_1443_1 .hide-for-small-up, #stacks_in_1443_1 .show-for-small, #stacks_in_1443_1 .show-for-small-down, #stacks_in_1443_1 .show-for-medium-only, #stacks_in_1443_1 .hide-for-medium-up, #stacks_in_1443_1 .show-for-medium, #stacks_in_1443_1 .show-for-medium-down, #stacks_in_1443_1 .show-for-large-only, #stacks_in_1443_1 .hide-for-large-up, #stacks_in_1443_1 .show-for-large, #stacks_in_1443_1 .show-for-large-down, #stacks_in_1443_1 .hide-for-xlarge-only, #stacks_in_1443_1 .hide-for-xlarge-up, #stacks_in_1443_1 .show-for-xxlarge-only, #stacks_in_1443_1 .show-for-xxlarge-up { display: none !important; } #stacks_in_1443_1 .hidden-for-small-only, #stacks_in_1443_1 .visible-for-small-up, #stacks_in_1443_1 .hidden-for-small, #stacks_in_1443_1 .hidden-for-small-down, #stacks_in_1443_1 .hidden-for-medium-only, #stacks_in_1443_1 .visible-for-medium-up, #stacks_in_1443_1 .hidden-for-medium, #stacks_in_1443_1 .hidden-for-medium-down, #stacks_in_1443_1 .hidden-for-large-only, #stacks_in_1443_1 .visible-for-large-up, #stacks_in_1443_1 .hidden-for-large, #stacks_in_1443_1 .hidden-for-large-down, #stacks_in_1443_1 .visible-for-xlarge-only, #stacks_in_1443_1 .visible-for-xlarge-up, #stacks_in_1443_1 .hidden-for-xxlarge-only, #stacks_in_1443_1 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1443_1 .visible-for-small-only, #stacks_in_1443_1 .hidden-for-small-up, #stacks_in_1443_1 .visible-for-small, #stacks_in_1443_1 .visible-for-small-down, #stacks_in_1443_1 .visible-for-medium-only, #stacks_in_1443_1 .hidden-for-medium-up, #stacks_in_1443_1 .visible-for-medium, #stacks_in_1443_1 .visible-for-medium-down, #stacks_in_1443_1 .visible-for-large-only, #stacks_in_1443_1 .hidden-for-large-up, #stacks_in_1443_1 .visible-for-large, #stacks_in_1443_1 .visible-for-large-down, #stacks_in_1443_1 .hidden-for-xlarge-only, #stacks_in_1443_1 .hidden-for-xlarge-up, #stacks_in_1443_1 .visible-for-xxlarge-only, #stacks_in_1443_1 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1443_1 table.hide-for-small-only, #stacks_in_1443_1 table.show-for-small-up, #stacks_in_1443_1 table.hide-for-small, #stacks_in_1443_1 table.hide-for-small-down, #stacks_in_1443_1 table.hide-for-medium-only, #stacks_in_1443_1 table.show-for-medium-up, #stacks_in_1443_1 table.hide-for-medium, #stacks_in_1443_1 table.hide-for-medium-down, #stacks_in_1443_1 table.hide-for-large-only, #stacks_in_1443_1 table.show-for-large-up, #stacks_in_1443_1 table.hide-for-large, #stacks_in_1443_1 table.hide-for-large-down, #stacks_in_1443_1 table.show-for-xlarge-only, #stacks_in_1443_1 table.show-for-xlarge-up, #stacks_in_1443_1 table.hide-for-xxlarge-only, #stacks_in_1443_1 table.hide-for-xxlarge-up { display: table; } #stacks_in_1443_1 thead.hide-for-small-only, #stacks_in_1443_1 thead.show-for-small-up, #stacks_in_1443_1 thead.hide-for-small, #stacks_in_1443_1 thead.hide-for-small-down, #stacks_in_1443_1 thead.hide-for-medium-only, #stacks_in_1443_1 thead.show-for-medium-up, #stacks_in_1443_1 thead.hide-for-medium, #stacks_in_1443_1 thead.hide-for-medium-down, #stacks_in_1443_1 thead.hide-for-large-only, #stacks_in_1443_1 thead.show-for-large-up, #stacks_in_1443_1 thead.hide-for-large, #stacks_in_1443_1 thead.hide-for-large-down, #stacks_in_1443_1 thead.show-for-xlarge-only, #stacks_in_1443_1 thead.show-for-xlarge-up, #stacks_in_1443_1 thead.hide-for-xxlarge-only, #stacks_in_1443_1 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1443_1 tbody.hide-for-small-only, #stacks_in_1443_1 tbody.show-for-small-up, #stacks_in_1443_1 tbody.hide-for-small, #stacks_in_1443_1 tbody.hide-for-small-down, #stacks_in_1443_1 tbody.hide-for-medium-only, #stacks_in_1443_1 tbody.show-for-medium-up, #stacks_in_1443_1 tbody.hide-for-medium, #stacks_in_1443_1 tbody.hide-for-medium-down, #stacks_in_1443_1 tbody.hide-for-large-only, #stacks_in_1443_1 tbody.show-for-large-up, #stacks_in_1443_1 tbody.hide-for-large, #stacks_in_1443_1 tbody.hide-for-large-down, #stacks_in_1443_1 tbody.show-for-xlarge-only, #stacks_in_1443_1 tbody.show-for-xlarge-up, #stacks_in_1443_1 tbody.hide-for-xxlarge-only, #stacks_in_1443_1 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1443_1 tr.hide-for-small-only, #stacks_in_1443_1 tr.show-for-small-up, #stacks_in_1443_1 tr.hide-for-small, #stacks_in_1443_1 tr.hide-for-small-down, #stacks_in_1443_1 tr.hide-for-medium-only, #stacks_in_1443_1 tr.show-for-medium-up, #stacks_in_1443_1 tr.hide-for-medium, #stacks_in_1443_1 tr.hide-for-medium-down, #stacks_in_1443_1 tr.hide-for-large-only, #stacks_in_1443_1 tr.show-for-large-up, #stacks_in_1443_1 tr.hide-for-large, #stacks_in_1443_1 tr.hide-for-large-down, #stacks_in_1443_1 tr.show-for-xlarge-only, #stacks_in_1443_1 tr.show-for-xlarge-up, #stacks_in_1443_1 tr.hide-for-xxlarge-only, #stacks_in_1443_1 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_1443_1 th.hide-for-small-only, #stacks_in_1443_1 td.hide-for-small-only, #stacks_in_1443_1 th.show-for-small-up, #stacks_in_1443_1 td.show-for-small-up, #stacks_in_1443_1 th.hide-for-small, #stacks_in_1443_1 td.hide-for-small, #stacks_in_1443_1 th.hide-for-small-down, #stacks_in_1443_1 td.hide-for-small-down, #stacks_in_1443_1 th.hide-for-medium-only, #stacks_in_1443_1 td.hide-for-medium-only, #stacks_in_1443_1 th.show-for-medium-up, #stacks_in_1443_1 td.show-for-medium-up, #stacks_in_1443_1 th.hide-for-medium, #stacks_in_1443_1 td.hide-for-medium, #stacks_in_1443_1 th.hide-for-medium-down, #stacks_in_1443_1 td.hide-for-medium-down, #stacks_in_1443_1 th.hide-for-large-only, #stacks_in_1443_1 td.hide-for-large-only, #stacks_in_1443_1 th.show-for-large-up, #stacks_in_1443_1 td.show-for-large-up, #stacks_in_1443_1 th.hide-for-large, #stacks_in_1443_1 td.hide-for-large, #stacks_in_1443_1 th.hide-for-large-down, #stacks_in_1443_1 td.hide-for-large-down, #stacks_in_1443_1 th.show-for-xlarge-only, #stacks_in_1443_1 td.show-for-xlarge-only, #stacks_in_1443_1 th.show-for-xlarge-up, #stacks_in_1443_1 td.show-for-xlarge-up, #stacks_in_1443_1 th.hide-for-xxlarge-only, #stacks_in_1443_1 td.hide-for-xxlarge-only, #stacks_in_1443_1 th.hide-for-xxlarge-up, #stacks_in_1443_1 td.hide-for-xxlarge-up { display: table-cell !important; } } /* xxlarge displays */ @media only screen and (min-width: 120.063em) { #stacks_in_1443_1 .hide-for-small-only, #stacks_in_1443_1 .show-for-small-up, #stacks_in_1443_1 .hide-for-small, #stacks_in_1443_1 .hide-for-small-down, #stacks_in_1443_1 .hide-for-medium-only, #stacks_in_1443_1 .show-for-medium-up, #stacks_in_1443_1 .hide-for-medium, #stacks_in_1443_1 .hide-for-medium-down, #stacks_in_1443_1 .hide-for-large-only, #stacks_in_1443_1 .show-for-large-up, #stacks_in_1443_1 .hide-for-large, #stacks_in_1443_1 .hide-for-large-down, #stacks_in_1443_1 .hide-for-xlarge-only, #stacks_in_1443_1 .show-for-xlarge-up, #stacks_in_1443_1 .show-for-xxlarge-only, #stacks_in_1443_1 .show-for-xxlarge-up { display: inherit !important; } #stacks_in_1443_1 .show-for-small-only, #stacks_in_1443_1 .hide-for-small-up, #stacks_in_1443_1 .show-for-small, #stacks_in_1443_1 .show-for-small-down, #stacks_in_1443_1 .show-for-medium-only, #stacks_in_1443_1 .hide-for-medium-up, #stacks_in_1443_1 .show-for-medium, #stacks_in_1443_1 .show-for-medium-down, #stacks_in_1443_1 .show-for-large-only, #stacks_in_1443_1 .hide-for-large-up, #stacks_in_1443_1 .show-for-large, #stacks_in_1443_1 .show-for-large-down, #stacks_in_1443_1 .show-for-xlarge-only, #stacks_in_1443_1 .hide-for-xlarge-up, #stacks_in_1443_1 .hide-for-xxlarge-only, #stacks_in_1443_1 .hide-for-xxlarge-up { display: none !important; } #stacks_in_1443_1 .hidden-for-small-only, #stacks_in_1443_1 .visible-for-small-up, #stacks_in_1443_1 .hidden-for-small, #stacks_in_1443_1 .hidden-for-small-down, #stacks_in_1443_1 .hidden-for-medium-only, #stacks_in_1443_1 .visible-for-medium-up, #stacks_in_1443_1 .hidden-for-medium, #stacks_in_1443_1 .hidden-for-medium-down, #stacks_in_1443_1 .hidden-for-large-only, #stacks_in_1443_1 .visible-for-large-up, #stacks_in_1443_1 .hidden-for-large, #stacks_in_1443_1 .hidden-for-large-down, #stacks_in_1443_1 .hidden-for-xlarge-only, #stacks_in_1443_1 .visible-for-xlarge-up, #stacks_in_1443_1 .visible-for-xxlarge-only, #stacks_in_1443_1 .visible-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1443_1 .visible-for-small-only, #stacks_in_1443_1 .hidden-for-small-up, #stacks_in_1443_1 .visible-for-small, #stacks_in_1443_1 .visible-for-small-down, #stacks_in_1443_1 .visible-for-medium-only, #stacks_in_1443_1 .hidden-for-medium-up, #stacks_in_1443_1 .visible-for-medium, #stacks_in_1443_1 .visible-for-medium-down, #stacks_in_1443_1 .visible-for-large-only, #stacks_in_1443_1 .hidden-for-large-up, #stacks_in_1443_1 .visible-for-large, #stacks_in_1443_1 .visible-for-large-down, #stacks_in_1443_1 .visible-for-xlarge-only, #stacks_in_1443_1 .hidden-for-xlarge-up, #stacks_in_1443_1 .hidden-for-xxlarge-only, #stacks_in_1443_1 .hidden-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1443_1 table.hide-for-small-only, #stacks_in_1443_1 table.show-for-small-up, #stacks_in_1443_1 table.hide-for-small, #stacks_in_1443_1 table.hide-for-small-down, #stacks_in_1443_1 table.hide-for-medium-only, #stacks_in_1443_1 table.show-for-medium-up, #stacks_in_1443_1 table.hide-for-medium, #stacks_in_1443_1 table.hide-for-medium-down, #stacks_in_1443_1 table.hide-for-large-only, #stacks_in_1443_1 table.show-for-large-up, #stacks_in_1443_1 table.hide-for-large, #stacks_in_1443_1 table.hide-for-large-down, #stacks_in_1443_1 table.hide-for-xlarge-only, #stacks_in_1443_1 table.show-for-xlarge-up, #stacks_in_1443_1 table.show-for-xxlarge-only, #stacks_in_1443_1 table.show-for-xxlarge-up { display: table; } #stacks_in_1443_1 thead.hide-for-small-only, #stacks_in_1443_1 thead.show-for-small-up, #stacks_in_1443_1 thead.hide-for-small, #stacks_in_1443_1 thead.hide-for-small-down, #stacks_in_1443_1 thead.hide-for-medium-only, #stacks_in_1443_1 thead.show-for-medium-up, #stacks_in_1443_1 thead.hide-for-medium, #stacks_in_1443_1 thead.hide-for-medium-down, #stacks_in_1443_1 thead.hide-for-large-only, #stacks_in_1443_1 thead.show-for-large-up, #stacks_in_1443_1 thead.hide-for-large, #stacks_in_1443_1 thead.hide-for-large-down, #stacks_in_1443_1 thead.hide-for-xlarge-only, #stacks_in_1443_1 thead.show-for-xlarge-up, #stacks_in_1443_1 thead.show-for-xxlarge-only, #stacks_in_1443_1 thead.show-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1443_1 tbody.hide-for-small-only, #stacks_in_1443_1 tbody.show-for-small-up, #stacks_in_1443_1 tbody.hide-for-small, #stacks_in_1443_1 tbody.hide-for-small-down, #stacks_in_1443_1 tbody.hide-for-medium-only, #stacks_in_1443_1 tbody.show-for-medium-up, #stacks_in_1443_1 tbody.hide-for-medium, #stacks_in_1443_1 tbody.hide-for-medium-down, #stacks_in_1443_1 tbody.hide-for-large-only, #stacks_in_1443_1 tbody.show-for-large-up, #stacks_in_1443_1 tbody.hide-for-large, #stacks_in_1443_1 tbody.hide-for-large-down, #stacks_in_1443_1 tbody.hide-for-xlarge-only, #stacks_in_1443_1 tbody.show-for-xlarge-up, #stacks_in_1443_1 tbody.show-for-xxlarge-only, #stacks_in_1443_1 tbody.show-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1443_1 tr.hide-for-small-only, #stacks_in_1443_1 tr.show-for-small-up, #stacks_in_1443_1 tr.hide-for-small, #stacks_in_1443_1 tr.hide-for-small-down, #stacks_in_1443_1 tr.hide-for-medium-only, #stacks_in_1443_1 tr.show-for-medium-up, #stacks_in_1443_1 tr.hide-for-medium, #stacks_in_1443_1 tr.hide-for-medium-down, #stacks_in_1443_1 tr.hide-for-large-only, #stacks_in_1443_1 tr.show-for-large-up, #stacks_in_1443_1 tr.hide-for-large, #stacks_in_1443_1 tr.hide-for-large-down, #stacks_in_1443_1 tr.hide-for-xlarge-only, #stacks_in_1443_1 tr.show-for-xlarge-up, #stacks_in_1443_1 tr.show-for-xxlarge-only, #stacks_in_1443_1 tr.show-for-xxlarge-up { display: table-row !important; } #stacks_in_1443_1 th.hide-for-small-only, #stacks_in_1443_1 td.hide-for-small-only, #stacks_in_1443_1 th.show-for-small-up, #stacks_in_1443_1 td.show-for-small-up, #stacks_in_1443_1 th.hide-for-small, #stacks_in_1443_1 td.hide-for-small, #stacks_in_1443_1 th.hide-for-small-down, #stacks_in_1443_1 td.hide-for-small-down, #stacks_in_1443_1 th.hide-for-medium-only, #stacks_in_1443_1 td.hide-for-medium-only, #stacks_in_1443_1 th.show-for-medium-up, #stacks_in_1443_1 td.show-for-medium-up, #stacks_in_1443_1 th.hide-for-medium, #stacks_in_1443_1 td.hide-for-medium, #stacks_in_1443_1 th.hide-for-medium-down, #stacks_in_1443_1 td.hide-for-medium-down, #stacks_in_1443_1 th.hide-for-large-only, #stacks_in_1443_1 td.hide-for-large-only, #stacks_in_1443_1 th.show-for-large-up, #stacks_in_1443_1 td.show-for-large-up, #stacks_in_1443_1 th.hide-for-large, #stacks_in_1443_1 td.hide-for-large, #stacks_in_1443_1 th.hide-for-large-down, #stacks_in_1443_1 td.hide-for-large-down, #stacks_in_1443_1 th.hide-for-xlarge-only, #stacks_in_1443_1 td.hide-for-xlarge-only, #stacks_in_1443_1 th.show-for-xlarge-up, #stacks_in_1443_1 td.show-for-xlarge-up, #stacks_in_1443_1 th.show-for-xxlarge-only, #stacks_in_1443_1 td.show-for-xxlarge-only, #stacks_in_1443_1 th.show-for-xxlarge-up, #stacks_in_1443_1 td.show-for-xxlarge-up { display: table-cell !important; } } /* Orientation targeting */ .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } /* Specific visibility for tables */ #stacks_in_1443_1 table.hide-for-landscape, #stacks_in_1443_1 table.show-for-portrait { display: table; } #stacks_in_1443_1 thead.hide-for-landscape, #stacks_in_1443_1 thead.show-for-portrait { display: table-header-group !important; } #stacks_in_1443_1 tbody.hide-for-landscape, #stacks_in_1443_1 tbody.show-for-portrait { display: table-row-group !important; } #stacks_in_1443_1 tr.hide-for-landscape, #stacks_in_1443_1 tr.show-for-portrait { display: table-row !important; } #stacks_in_1443_1 td.hide-for-landscape, #stacks_in_1443_1 td.show-for-portrait, #stacks_in_1443_1 th.hide-for-landscape, #stacks_in_1443_1 th.show-for-portrait { display: table-cell !important; } @media only screen and (orientation: landscape) { #stacks_in_1443_1 .show-for-landscape, #stacks_in_1443_1 .hide-for-portrait { display: inherit !important; } #stacks_in_1443_1 .hide-for-landscape, #stacks_in_1443_1 .show-for-portrait { display: none !important; } /* Specific visibility for tables */ #stacks_in_1443_1 table.show-for-landscape, #stacks_in_1443_1 table.hide-for-portrait { display: table; } #stacks_in_1443_1 thead.show-for-landscape, #stacks_in_1443_1 thead.hide-for-portrait { display: table-header-group !important; } #stacks_in_1443_1 tbody.show-for-landscape, #stacks_in_1443_1 tbody.hide-for-portrait { display: table-row-group !important; } #stacks_in_1443_1 tr.show-for-landscape, #stacks_in_1443_1 tr.hide-for-portrait { display: table-row !important; } #stacks_in_1443_1 td.show-for-landscape, #stacks_in_1443_1 td.hide-for-portrait, #stacks_in_1443_1 th.show-for-landscape, #stacks_in_1443_1 th.hide-for-portrait { display: table-cell !important; } } @media only screen and (orientation: portrait) { #stacks_in_1443_1 .show-for-portrait, #stacks_in_1443_1 .hide-for-landscape { display: inherit !important; } #stacks_in_1443_1 .hide-for-portrait, #stacks_in_1443_1 .show-for-landscape { display: none !important; } /* Specific visibility for tables */ #stacks_in_1443_1 table.show-for-portrait, #stacks_in_1443_1 table.hide-for-landscape { display: table; } #stacks_in_1443_1 thead.show-for-portrait, #stacks_in_1443_1 thead.hide-for-landscape { display: table-header-group !important; } #stacks_in_1443_1 tbody.show-for-portrait, #stacks_in_1443_1 tbody.hide-for-landscape { display: table-row-group !important; } #stacks_in_1443_1 tr.show-for-portrait, #stacks_in_1443_1 tr.hide-for-landscape { display: table-row !important; } #stacks_in_1443_1 td.show-for-portrait, #stacks_in_1443_1 td.hide-for-landscape, #stacks_in_1443_1 th.show-for-portrait, #stacks_in_1443_1 th.hide-for-landscape { display: table-cell !important; } } /* Touch-enabled device targeting */ .show-for-touch { display: none !important; } .hide-for-touch { display: inherit !important; } .touch #stacks_in_1443_1 .show-for-touch { display: inherit !important; } .touch #stacks_in_1443_1 .hide-for-touch { display: none !important; } /* Specific visibility for tables */ #stacks_in_1443_1 table.hide-for-touch { display: table; } .touch #stacks_in_1443_1 table.show-for-touch { display: table; } #stacks_in_1443_1 thead.hide-for-touch { display: table-header-group !important; } .touch #stacks_in_1443_1 thead.show-for-touch { display: table-header-group !important; } #stacks_in_1443_1 tbody.hide-for-touch { display: table-row-group !important; } .touch #stacks_in_1443_1 tbody.show-for-touch { display: table-row-group !important; } #stacks_in_1443_1 tr.hide-for-touch { display: table-row !important; } .touch #stacks_in_1443_1 tr.show-for-touch { display: table-row !important; } #stacks_in_1443_1 td.hide-for-touch { display: table-cell !important; } .touch #stacks_in_1443_1 td.show-for-touch { display: table-cell !important; } #stacks_in_1443_1 th.hide-for-touch { display: table-cell !important; } .touch #stacks_in_1443_1 th.show-for-touch { display: table-cell !important; } /* Print visibility */ @media print { #stacks_in_1443_1 .show-for-print { display: block; } #stacks_in_1443_1 .hide-for-print { display: none; } #stacks_in_1443_1 table.show-for-print { display: table; } #stacks_in_1443_1 thead.show-for-print { display: table-header-group !important; } #stacks_in_1443_1 tbody.show-for-print { display: table-row-group !important; } #stacks_in_1443_1 tr.show-for-print { display: table-row !important; } #stacks_in_1443_1 td.show-for-print { display: table-cell !important; } #stacks_in_1443_1 th.show-for-print { display: table-cell !important; } } /* -------------------------------- Primary style -------------------------------- */ body.overflow-hidden { /* used when modal is visible */ overflow: hidden; } body.overflow-hidden .cd-modal { display: block !important; } /* -------------------------------- Main Components -------------------------------- */ #stacks_in_1443_2 .cd-section { text-align: center; position: relative; } #stacks_in_1443_2 .cd-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; pointer-events: none; -webkit-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; -moz-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; } #stacks_in_1443_2 .cd-modal .cd-modal-content { box-sizing: border-box; height: 100%; width: 100%; padding: 3em 5%; color: #FFFFFF; text-align: left; overflow-y: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_1443_2 .cd-modal-content a, #stacks_in_1443_2 .cd-modal-content a:visited { color: #DE425A; } #stacks_in_1443_2 .cd-modal-content a:hover, #stacks_in_1443_2 .cd-modal-content a:active { color: #B13448; } #stacks_in_1443_2 .modal-is-visible .cd-modal { z-index: 300000 !important; visibility: visible; opacity: 1; pointer-events: auto; -webkit-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; -moz-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; } #stacks_in_1443_2 .modal-is-visible .cd-modal .cd-modal-content { -webkit-overflow-scrolling: touch; } @media only screen and (min-width: 768px) { #stacks_in_1443_2 .cd-modal .cd-modal-content { padding: 4em 10%; } } @media only screen and (min-width: 1170px) { #stacks_in_1443_2 .cd-modal .cd-modal-content { padding: 6em 20%; } } #stacks_in_1443_2 .cd-modal-action { position: relative; } #stacks_in_1443_2 .cd-modal-action .modal_btn, #stacks_in_1443_2 .cd-modal-action .cd-modal-bg { display: inline-block; height: 2.5em; background-color: #336699; } #stacks_in_1443_2 .modal_btn, #stacks_in_1443_2 .cd-modal-close { text-decoration: none !important; border: none !important; } #stacks_in_1443_2 .cd-modal-action .modal_btn { border-radius: 5em; color: #ffffff; line-height: 2.5em; white-space: nowrap; font-weight: 700; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: color 0.2s 0.3s, width 0.3s 0s; -moz-transition: color 0.2s 0.3s, width 0.3s 0s; transition: color 0.2s 0.3s, width 0.3s 0s; overflow: hidden; } @media only screen { #stacks_in_1443_2 .cd-modal-action .modal_btn { width: 225px; } } @media only screen and (max-width: 720px) { #stacks_in_1443_2 .cd-modal-action .modal_btn { width: 100%; } } @media only screen and (max-width: 480px) { #stacks_in_1443_2 .cd-modal-action .modal_btn { width: 100%; } } #stacks_in_1443_2 .cd-modal-action .modal_btn i { margin-right: 6px; } #stacks_in_1443_2 .cd-modal-action .modal_btn.to-circle { width: 2.5em; color: transparent !important; -webkit-transition: color 0.2s 0s, width 0.3s 0.2s; -moz-transition: color 0.2s 0s, width 0.3s 0.2s; transition: color 0.2s 0s, width 0.3s 0.2s; } #stacks_in_1443_2 .cd-modal-action .cd-modal-bg { position: absolute; z-index: 300000 !important; left: 50%; top: 0; width: 2.5em; border-radius: 50%; opacity: 0; visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateX(-2em); -moz-transform: translateX(-2em); -ms-transform: translateX(-2em); -o-transform: translateX(-2em); transform: translateX(-2em); -webkit-transition: visibility 0s 0.5s; -moz-transition: visibility 0s 0.5s; transition: visibility 0s 0.5s; } #stacks_in_1443_2 .cd-modal-action .cd-modal-bg.is-visible { opacity: 1; visibility: visible; } #stacks_in_1443_2 .cd-modal-close { position: fixed; z-index: 9999999 !important; top: 20px; right: 20px; display: block; height: 50px; width: 50px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.3); background-image: url(../files/cd-icon-close.png); background-repeat: no-repeat; background-position: center center; /* image replacement */ overflow: hidden; text-indent: 100%; white-space: nowrap; visibility: hidden; opacity: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; transition: transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; } #stacks_in_1443_2 .no-touch .cd-modal-close:hover { background-color: rgba(0, 0, 0, 0.5); } #stacks_in_1443_2 .modal-is-visible .cd-modal-close { visibility: visible; opacity: 1; -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; transition: transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } @media only screen and (min-width: 768px) { #stacks_in_1443_2 .cd-modal-close { top: 40px; right: 40px; } } #stacks_in_1443_2 .cd-modal-action a, #stacks_in_1443_2 .cd-modal-action a:visited, #stacks_in_1443_2 .cd-modal-action a:hover, #stacks_in_1443_2 .cd-modal-action a:active { color: #FFFFFF !important; text-decoration: none; } /* Font Selections */ #stacks_in_1443_2 .cd-modal-action .modal_btn { } #stacks_in_1443_2 { margin: 10px 0px 10px 0px; } #stacks_out_1443_2 { width: 48%; margin-left:0; } /* Start Print This 2 stack CSS code */ .stacks_in_1443_3PrintThisOuter{ background-color: #FFFFFF; padding: 15px; border: 1px dashed #CCCCCC; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .stacks_in_1443_3PrintThis2{ position: relative; } @font-face { font-family: "doo_fontsregular"; src: url('../files/printthis2Assets/font/doo_print-webfont.eot'); src: url('../files/printthis2Assets/font/doo_print-webfont.eot?#iefix') format('eot'), url('../files/printthis2Assets/font/doo_print-webfont.woff') format('woff'), url('../files/printthis2Assets/font/doo_print-webfont.ttf') format('truetype'), url('../files/printthis2Assets/font/doo_print-webfont.svg#doo_fontsregular') format('svg'); font-weight: normal; font-style: normal; } .stacks_in_1443_3PrintThisButton{ float: right; font-family: "doo_fontsregular"; font-size: 24px; line-height: 24px; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; color: #000000; cursor:pointer; } .stacks_in_1443_3PrintThisButton:hover{ color: #3C3C3C; } .stacks_in_1443_3clearer{ clear: both; height: 1px; padding: 0; margin: 0; } /* End Print This 2 stack CSS code */ #stacks_in_1443_7 h1,#stacks_in_1443_7 h1 a,#stacks_in_1443_7 p,#stacks_in_1443_7 p a{ font-size:15px; line-height:1.39em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_1443_7 h1,#stacks_in_1443_7 h1 a,#stacks_in_1443_7 p,#stacks_in_1443_7 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_1443_7 h1,#stacks_in_1443_7 h1 a,#stacks_in_1443_7 p,#stacks_in_1443_7 p a{ font-size:12px; } } #stacks_in_1443_7 h1,#stacks_in_1443_7 h1 a,#stacks_in_1443_7 p,#stacks_in_1443_7 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_1443_7 p a:hover, #stacks_in_1443_7 h1 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_out_1443_7 { margin-right:0; } #stacks_in_1444 h3,#stacks_in_1444 h3 a,#stacks_in_1444 p,#stacks_in_1444 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_1444 h3,#stacks_in_1444 h3 a,#stacks_in_1444 p,#stacks_in_1444 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_1444 h3,#stacks_in_1444 h3 a,#stacks_in_1444 p,#stacks_in_1444 p a{ font-size:13px; } } #stacks_in_1444 h3,#stacks_in_1444 h3 a,#stacks_in_1444 p,#stacks_in_1444 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_1444 p a:hover, #stacks_in_1444 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_1444 { margin: 10px; } #stacks_out_1444 { margin-right:0; } #stacks_in_1446>.s3_row { margin: 0 -10px; } #stacks_in_1446>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_1446>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_1446>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_1446>.s3_row { margin: -10px 0; } #stacks_in_1446>.s3_row>.s3_column { padding: 10px 0; width:100%; } } /* -- Start Swell Each css Template -- */ #stacks_in_1447{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_1447swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_1447swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_1447swell{ max-width: 800px; } .stacks_in_1447swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_1447swell-with-zoom .mfp-container,.stacks_in_1447swell-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 198.000015ms ease-out; -moz-transition: all 198.000015ms ease-out; -o-transition: all 198.000015ms ease-out; transition: all 198.000015ms ease-out; } .stacks_in_1447swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_1447swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_1447swell-with-zoom.mfp-removing .mfp-container,.stacks_in_1447swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_1447 .swellzoomeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_1447 .swellshrinkeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_1447 .swellcircleeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #stacks_in_1447 .swellthreedeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media all and (min-width: 480px) { #stacks_in_1447 .swellzoomeffect img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } #stacks_in_1447 .swellshrinkeffect img:hover{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9); } #stacks_in_1447 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_1447 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_1447 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_1447 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_1447 .swellthreedeffect:hover{ box-shadow: 1px 1px rgba(242, 88, 95, 1.00), 2px 2px rgba(242, 88, 95, 1.00), 3px 3px rgba(242, 88, 95, 1.00); -webkit-transform: translateX(-3px); transform: translateX(-3px); } } /* -- End Swell Each css Template -- */ #stacks_in_1447 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #stacks_out_1447 { width: 60%; } /* -- Start Swell Each css Template -- */ #stacks_in_1450{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_1450swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_1450swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_1450swell{ max-width: 800px; } .stacks_in_1450swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_1450swell-with-zoom .mfp-container,.stacks_in_1450swell-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 198.000015ms ease-out; -moz-transition: all 198.000015ms ease-out; -o-transition: all 198.000015ms ease-out; transition: all 198.000015ms ease-out; } .stacks_in_1450swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_1450swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_1450swell-with-zoom.mfp-removing .mfp-container,.stacks_in_1450swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_1450 .swellzoomeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_1450 .swellshrinkeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_1450 .swellcircleeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #stacks_in_1450 .swellthreedeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media all and (min-width: 480px) { #stacks_in_1450 .swellzoomeffect img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } #stacks_in_1450 .swellshrinkeffect img:hover{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9); } #stacks_in_1450 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_1450 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_1450 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_1450 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_1450 .swellthreedeffect:hover{ box-shadow: 1px 1px rgba(242, 88, 95, 1.00), 2px 2px rgba(242, 88, 95, 1.00), 3px 3px rgba(242, 88, 95, 1.00); -webkit-transform: translateX(-3px); transform: translateX(-3px); } } /* -- End Swell Each css Template -- */ #stacks_in_1450 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #stacks_out_1450 { width: 60%; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_1453, #stacks_in_1453 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_1453 { padding: 20px 0px !important; } #press_alignment_stacks_in_1453 { width: 100%; } #press_alignment_stacks_in_1453.press-left { text-align: left; } #press_alignment_stacks_in_1453.press-center { text-align: center; } #press_alignment_stacks_in_1453.press-right { text-align: right; } #stacks_in_1453 { transition: all 200ms ease; /* */ /* */ /* */ background: #0A4D28; background: -webkit-gradient(linear, left top, left bottom, from(to top), color-stop(#0A4D28), to(#52A37C)); background: linear-gradient(to top, #0A4D28, #52A37C); /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 20px 0px 20px 20px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_1453:hover { /* */ /* */ /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_1453:hover .press-icon i { /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_1453:active { /* */ /* */ /* */ /* */ color: rgba(204, 0, 0, 1.00); /* */ } #stacks_in_1453:active .press-icon i { /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_1453 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 10px 20px 10px 20px; border-radius: 0px 0px 0px 0px; /* */ /* */ /* */ background: #0A4D28; background: -webkit-gradient(linear, left top, left bottom, from(to bottom left), color-stop(#0A4D28), to(#52A37C)); background: linear-gradient(to bottom left, #0A4D28, #52A37C); /* */ /* */ /* */ /* */ /* */ margin-left: 7px; /* */ /* */ } #stacks_in_1453 .press-icon i { font-size: 20px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_1453 .press-text { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 15px; padding: 10px 10px 10px 10px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 18px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_1453 .press-text .out { margin: 0 !important; } #stacks_in_1453 { font-size: 15px; line-height: 18px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } #flex-item-stacks_in_7611 .flex-grid-item-stacks_in_7582 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_7611 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_7611 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 .flex-item-content-inner-stacks_in_7582 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7611 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_7611 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7611 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7611 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7611.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7611.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7611.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_1400 h3,#stacks_in_1400 h3 a,#stacks_in_1400 p,#stacks_in_1400 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_1400 h3,#stacks_in_1400 h3 a,#stacks_in_1400 p,#stacks_in_1400 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_1400 h3,#stacks_in_1400 h3 a,#stacks_in_1400 p,#stacks_in_1400 p a{ font-size:13px; } } #stacks_in_1400 h3,#stacks_in_1400 h3 a,#stacks_in_1400 p,#stacks_in_1400 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_1400 p a:hover, #stacks_in_1400 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_1400 { margin: 10px; } #stacks_out_1400 { margin-right:0; } /* ********* */ /* Normalize */ /* ********* */ /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ #stacks_in_1402_1 article, #stacks_in_1402_1 aside, #stacks_in_1402_1 details, #stacks_in_1402_1 figcaption, #stacks_in_1402_1 figure, #stacks_in_1402_1 footer, #stacks_in_1402_1 header, #stacks_in_1402_1 hgroup, #stacks_in_1402_1 main, #stacks_in_1402_1 nav, #stacks_in_1402_1 section, #stacks_in_1402_1 summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ #stacks_in_1402_1 audio, #stacks_in_1402_1 canvas, #stacks_in_1402_1 progress, #stacks_in_1402_1 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ #stacks_in_1402_1 audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ #stacks_in_1402_1 [hidden], #stacks_in_1402_1 template { display: none; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ #stacks_in_1402_1 img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ #stacks_in_1402_1 svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address differences between Firefox and other browsers. */ #stacks_in_1402_1 hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ #stacks_in_1402_1 pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ #stacks_in_1402_1 code, #stacks_in_1402_1 kbd, #stacks_in_1402_1 pre, #stacks_in_1402_1 samp { font-family: monospace, monospace; font-size: 1em; } /* **************** */ /* Stack Specific */ /* **************** */ %[if ]% %[if edit]% #stacks_in_1402_1 { background-image: url(../files/images/preview_numbers_background.png), url(../files/images/preview_striped_background.png); background-repeat: no-repeat, repeat-y; background-size: 100%, 100%; background-position: center top, center 100px; border-radius: 4px; padding-top: 75px; padding-bottom: 25px; border: 1px solid #e9e9e9; } %[endif]% %[endif]% #stacks_in_1402_1 *, #stacks_in_1402_1 *:before, #stacks_in_1402_1 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } %[if !edit]% #stacks_in_1402_1 .wow { visibility: hidden; } %[endif]% #stacks_in_1402_1>ul li { padding-bottom: 0 !important; } /* iPhone aka SMALL */ @media only screen { #stacks_in_1402_1>ul>li { margin-bottom: px; } } %[if ]% /* iPad aka MEDIUM */ @media only screen and (min-width: 40.063em) { #stacks_in_1402_1>ul>li { margin-bottom: px; } } %[endif]% %[if ]% /* Desktop aka LARGE */ @media only screen and (min-width: 64.063em) { #stacks_in_1402_1>ul>li { margin-bottom: px; } } %[endif]% /* **************** */ /* Foundation START */ /* **************** */ /* Copyright (c) 2013-2014 ZURB, inc. MIT License 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. */ #stacks_in_1402_1 meta.foundation-version { font-family: "/5.3.1/"; } #stacks_in_1402_1 meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } #stacks_in_1402_1 meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } #stacks_in_1402_1 meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } #stacks_in_1402_1 meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } #stacks_in_1402_1 meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } #stacks_in_1402_1 meta.foundation-data-attribute-namespace { font-family: false; } #stacks_in_1402_1 *, #stacks_in_1402_1 *:before, #stacks_in_1402_1 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_1402_1 .left { float: left !important; } #stacks_in_1402_1 .right { float: right !important; } #stacks_in_1402_1 .clearfix:before, #stacks_in_1402_1 .clearfix:after { content: " "; display: table; } #stacks_in_1402_1 .clearfix:after { clear: both; } #stacks_in_1402_1 .hide { display: none; } #stacks_in_1402_1 .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_1402_1 img { display: inline-block; vertical-align: middle; } #stacks_in_1402_1 textarea { height: auto; min-height: 50px; } #stacks_in_1402_1 select { width: 100%; } #stacks_in_1402_1 .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } #stacks_in_1402_1 .row { max-width: 62.5em; } #stacks_in_1402_1 .row:before, #stacks_in_1402_1 .row:after { content: " "; display: table; } #stacks_in_1402_1 .row:after { clear: both; } #stacks_in_1402_1 .row.collapse > .column, #stacks_in_1402_1 .row.collapse > .columns { padding-left: 0; padding-right: 0; } #stacks_in_1402_1 .row.collapse .row { margin-left: 0; margin-right: 0; } #stacks_in_1402_1 .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; } #stacks_in_1402_1 .row .row:before, #stacks_in_1402_1 .row .row:after { content: " "; display: table; } #stacks_in_1402_1 .row .row:after { clear: both; } #stacks_in_1402_1 .row .row.collapse { width: auto; margin: 0; max-width: none; } #stacks_in_1402_1 .row .row.collapse:before, #stacks_in_1402_1 .row .row.collapse:after { content: " "; display: table; } #stacks_in_1402_1 .row .row.collapse:after { clear: both; } #stacks_in_1402_1 .column, #stacks_in_1402_1 .columns { padding-left: 0.9375em; padding-right: 0.9375em; width: 100%; float: left; } #stacks_in_1402_1 [class*="column"] + [class*="column"]:last-child { float: right; } #stacks_in_1402_1 [class*="column"] + [class*="column"].end { float: left; } @media only screen { #stacks_in_1402_1 .small-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1402_1 .small-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1402_1 .small-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1402_1 .small-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1402_1 .small-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1402_1 .small-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1402_1 .small-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1402_1 .small-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1402_1 .small-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1402_1 .small-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1402_1 .small-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1402_1 .small-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1402_1 .small-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1402_1 .small-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1402_1 .small-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1402_1 .small-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1402_1 .small-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1402_1 .small-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1402_1 .small-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1402_1 .small-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1402_1 .small-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1402_1 .small-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1402_1 .small-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1402_1 .small-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_1402_1 .column, #stacks_in_1402_1 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_1402_1 .small-1 { width: 8.33333%; } #stacks_in_1402_1 .small-2 { width: 16.66667%; } #stacks_in_1402_1 .small-3 { width: 25%; } #stacks_in_1402_1 .small-4 { width: 33.33333%; } #stacks_in_1402_1 .small-5 { width: 41.66667%; } #stacks_in_1402_1 .small-6 { width: 50%; } #stacks_in_1402_1 .small-7 { width: 58.33333%; } #stacks_in_1402_1 .small-8 { width: 66.66667%; } #stacks_in_1402_1 .small-9 { width: 75%; } #stacks_in_1402_1 .small-10 { width: 83.33333%; } #stacks_in_1402_1 .small-11 { width: 91.66667%; } #stacks_in_1402_1 .small-12 { width: 100%; } #stacks_in_1402_1 .small-offset-0 { margin-left: 0% !important; } #stacks_in_1402_1 .small-offset-1 { margin-left: 8.33333% !important; } #stacks_in_1402_1 .small-offset-2 { margin-left: 16.66667% !important; } #stacks_in_1402_1 .small-offset-3 { margin-left: 25% !important; } #stacks_in_1402_1 .small-offset-4 { margin-left: 33.33333% !important; } #stacks_in_1402_1 .small-offset-5 { margin-left: 41.66667% !important; } #stacks_in_1402_1 .small-offset-6 { margin-left: 50% !important; } #stacks_in_1402_1 .small-offset-7 { margin-left: 58.33333% !important; } #stacks_in_1402_1 .small-offset-8 { margin-left: 66.66667% !important; } #stacks_in_1402_1 .small-offset-9 { margin-left: 75% !important; } #stacks_in_1402_1 .small-offset-10 { margin-left: 83.33333% !important; } #stacks_in_1402_1 .small-offset-11 { margin-left: 91.66667% !important; } #stacks_in_1402_1 .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_1402_1 .column.small-centered, #stacks_in_1402_1 .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_1402_1 .column.small-uncentered, #stacks_in_1402_1 .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_1402_1 .column.small-centered:last-child, #stacks_in_1402_1 .columns.small-centered:last-child { float: none; } #stacks_in_1402_1 .column.small-uncentered:last-child, #stacks_in_1402_1 .columns.small-uncentered:last-child { float: left; } #stacks_in_1402_1 .column.small-uncentered.opposite, #stacks_in_1402_1 .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 40.063em) { #stacks_in_1402_1 .medium-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1402_1 .medium-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1402_1 .medium-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1402_1 .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1402_1 .medium-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1402_1 .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1402_1 .medium-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1402_1 .medium-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1402_1 .medium-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1402_1 .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1402_1 .medium-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1402_1 .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1402_1 .medium-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1402_1 .medium-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1402_1 .medium-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1402_1 .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1402_1 .medium-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1402_1 .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1402_1 .medium-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1402_1 .medium-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1402_1 .medium-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1402_1 .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1402_1 .medium-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1402_1 .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_1402_1 .column, #stacks_in_1402_1 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_1402_1 .medium-1 { width: 8.33333%; } #stacks_in_1402_1 .medium-2 { width: 16.66667%; } #stacks_in_1402_1 .medium-3 { width: 25%; } #stacks_in_1402_1 .medium-4 { width: 33.33333%; } #stacks_in_1402_1 .medium-5 { width: 41.66667%; } #stacks_in_1402_1 .medium-6 { width: 50%; } #stacks_in_1402_1 .medium-7 { width: 58.33333%; } #stacks_in_1402_1 .medium-8 { width: 66.66667%; } #stacks_in_1402_1 .medium-9 { width: 75%; } #stacks_in_1402_1 .medium-10 { width: 83.33333%; } #stacks_in_1402_1 .medium-11 { width: 91.66667%; } #stacks_in_1402_1 .medium-12 { width: 100%; } #stacks_in_1402_1 .medium-offset-0 { margin-left: 0% !important; } #stacks_in_1402_1 .medium-offset-1 { margin-left: 8.33333% !important; } #stacks_in_1402_1 .medium-offset-2 { margin-left: 16.66667% !important; } #stacks_in_1402_1 .medium-offset-3 { margin-left: 25% !important; } #stacks_in_1402_1 .medium-offset-4 { margin-left: 33.33333% !important; } #stacks_in_1402_1 .medium-offset-5 { margin-left: 41.66667% !important; } #stacks_in_1402_1 .medium-offset-6 { margin-left: 50% !important; } #stacks_in_1402_1 .medium-offset-7 { margin-left: 58.33333% !important; } #stacks_in_1402_1 .medium-offset-8 { margin-left: 66.66667% !important; } #stacks_in_1402_1 .medium-offset-9 { margin-left: 75% !important; } #stacks_in_1402_1 .medium-offset-10 { margin-left: 83.33333% !important; } #stacks_in_1402_1 .medium-offset-11 { margin-left: 91.66667% !important; } #stacks_in_1402_1 .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_1402_1 .column.medium-centered, #stacks_in_1402_1 .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_1402_1 .column.medium-uncentered, #stacks_in_1402_1 .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_1402_1 .column.medium-centered:last-child, #stacks_in_1402_1 .columns.medium-centered:last-child { float: none; } #stacks_in_1402_1 .column.medium-uncentered:last-child, #stacks_in_1402_1 .columns.medium-uncentered:last-child { float: left; } #stacks_in_1402_1 .column.medium-uncentered.opposite, #stacks_in_1402_1 .columns.medium-uncentered.opposite { float: right; } #stacks_in_1402_1 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1402_1 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1402_1 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1402_1 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1402_1 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1402_1 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1402_1 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1402_1 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1402_1 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1402_1 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1402_1 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1402_1 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1402_1 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1402_1 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1402_1 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1402_1 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1402_1 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1402_1 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1402_1 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1402_1 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1402_1 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1402_1 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1402_1 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1402_1 .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { #stacks_in_1402_1 .large-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1402_1 .large-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1402_1 .large-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1402_1 .large-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1402_1 .large-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1402_1 .large-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1402_1 .large-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1402_1 .large-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1402_1 .large-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1402_1 .large-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1402_1 .large-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1402_1 .large-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1402_1 .large-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1402_1 .large-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1402_1 .large-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1402_1 .large-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1402_1 .large-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1402_1 .large-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1402_1 .large-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1402_1 .large-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1402_1 .large-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1402_1 .large-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1402_1 .large-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1402_1 .large-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_1402_1 .column, #stacks_in_1402_1 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_1402_1 .large-1 { width: 8.33333%; } #stacks_in_1402_1 .large-2 { width: 16.66667%; } #stacks_in_1402_1 .large-3 { width: 25%; } #stacks_in_1402_1 .large-4 { width: 33.33333%; } #stacks_in_1402_1 .large-5 { width: 41.66667%; } #stacks_in_1402_1 .large-6 { width: 50%; } #stacks_in_1402_1 .large-7 { width: 58.33333%; } #stacks_in_1402_1 .large-8 { width: 66.66667%; } #stacks_in_1402_1 .large-9 { width: 75%; } #stacks_in_1402_1 .large-10 { width: 83.33333%; } #stacks_in_1402_1 .large-11 { width: 91.66667%; } #stacks_in_1402_1 .large-12 { width: 100%; } #stacks_in_1402_1 .large-offset-0 { margin-left: 0% !important; } #stacks_in_1402_1 .large-offset-1 { margin-left: 8.33333% !important; } #stacks_in_1402_1 .large-offset-2 { margin-left: 16.66667% !important; } #stacks_in_1402_1 .large-offset-3 { margin-left: 25% !important; } #stacks_in_1402_1 .large-offset-4 { margin-left: 33.33333% !important; } #stacks_in_1402_1 .large-offset-5 { margin-left: 41.66667% !important; } #stacks_in_1402_1 .large-offset-6 { margin-left: 50% !important; } #stacks_in_1402_1 .large-offset-7 { margin-left: 58.33333% !important; } #stacks_in_1402_1 .large-offset-8 { margin-left: 66.66667% !important; } #stacks_in_1402_1 .large-offset-9 { margin-left: 75% !important; } #stacks_in_1402_1 .large-offset-10 { margin-left: 83.33333% !important; } #stacks_in_1402_1 .large-offset-11 { margin-left: 91.66667% !important; } #stacks_in_1402_1 .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_1402_1 .column.large-centered, #stacks_in_1402_1 .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_1402_1 .column.large-uncentered, #stacks_in_1402_1 .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_1402_1 .column.large-centered:last-child, #stacks_in_1402_1 .columns.large-centered:last-child { float: none; } #stacks_in_1402_1 .column.large-uncentered:last-child, #stacks_in_1402_1 .columns.large-uncentered:last-child { float: left; } #stacks_in_1402_1 .column.large-uncentered.opposite, #stacks_in_1402_1 .columns.large-uncentered.opposite { float: right; } #stacks_in_1402_1 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1402_1 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1402_1 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1402_1 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1402_1 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1402_1 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1402_1 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1402_1 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1402_1 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1402_1 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1402_1 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1402_1 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1402_1 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1402_1 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1402_1 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1402_1 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1402_1 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1402_1 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1402_1 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1402_1 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1402_1 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1402_1 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1402_1 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1402_1 .pull-11 { position: relative; right: 91.66667%; left: auto; } } #stacks_in_1402_1 [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } #stacks_in_1402_1 [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } #stacks_in_1402_1 [class*="block-grid-"]:after { clear: both; } #stacks_in_1402_1 [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { #stacks_in_1402_1 .small-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_1402_1 .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_1402_1 .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_1402_1 .small-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_1402_1 .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_1402_1 .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_1402_1 .small-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_1402_1 .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_1402_1 .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_1402_1 .small-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_1402_1 .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_1402_1 .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_1402_1 .small-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_1402_1 .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_1402_1 .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_1402_1 .small-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_1402_1 .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_1402_1 .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_1402_1 .small-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_1402_1 .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_1402_1 .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_1402_1 .small-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_1402_1 .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_1402_1 .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_1402_1 .small-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_1402_1 .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_1402_1 .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_1402_1 .small-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_1402_1 .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_1402_1 .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_1402_1 .small-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_1402_1 .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_1402_1 .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_1402_1 .small-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_1402_1 .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_1402_1 .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { #stacks_in_1402_1 .medium-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_1402_1 .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_1402_1 .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_1402_1 .medium-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_1402_1 .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_1402_1 .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_1402_1 .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_1402_1 .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_1402_1 .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_1402_1 .medium-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_1402_1 .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_1402_1 .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_1402_1 .medium-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_1402_1 .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_1402_1 .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_1402_1 .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_1402_1 .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_1402_1 .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_1402_1 .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_1402_1 .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_1402_1 .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_1402_1 .medium-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_1402_1 .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_1402_1 .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_1402_1 .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_1402_1 .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_1402_1 .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_1402_1 .medium-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_1402_1 .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_1402_1 .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_1402_1 .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_1402_1 .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_1402_1 .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_1402_1 .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_1402_1 .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_1402_1 .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { #stacks_in_1402_1 .large-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_1402_1 .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_1402_1 .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_1402_1 .large-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_1402_1 .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_1402_1 .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_1402_1 .large-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_1402_1 .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_1402_1 .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_1402_1 .large-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_1402_1 .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_1402_1 .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_1402_1 .large-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_1402_1 .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_1402_1 .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_1402_1 .large-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_1402_1 .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_1402_1 .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_1402_1 .large-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_1402_1 .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_1402_1 .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_1402_1 .large-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_1402_1 .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_1402_1 .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_1402_1 .large-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_1402_1 .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_1402_1 .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_1402_1 .large-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_1402_1 .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_1402_1 .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_1402_1 .large-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_1402_1 .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_1402_1 .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_1402_1 .large-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_1402_1 .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_1402_1 .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } /* Visibility CSS - Foundation */ /* small displays */ @media only screen { #stacks_in_1402_1 .show-for-small-only, #stacks_in_1402_1 .show-for-small-up, #stacks_in_1402_1 .show-for-small, #stacks_in_1402_1 .show-for-small-down, #stacks_in_1402_1 .hide-for-medium-only, #stacks_in_1402_1 .hide-for-medium-up, #stacks_in_1402_1 .hide-for-medium, #stacks_in_1402_1 .show-for-medium-down, #stacks_in_1402_1 .hide-for-large-only, #stacks_in_1402_1 .hide-for-large-up, #stacks_in_1402_1 .hide-for-large, #stacks_in_1402_1 .show-for-large-down, #stacks_in_1402_1 .hide-for-xlarge-only, #stacks_in_1402_1 .hide-for-xlarge-up, #stacks_in_1402_1 .hide-for-xxlarge-only, #stacks_in_1402_1 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_1402_1 .hide-for-small-only, #stacks_in_1402_1 .hide-for-small-up, #stacks_in_1402_1 .hide-for-small, #stacks_in_1402_1 .hide-for-small-down, #stacks_in_1402_1 .show-for-medium-only, #stacks_in_1402_1 .show-for-medium-up, #stacks_in_1402_1 .show-for-medium, #stacks_in_1402_1 .hide-for-medium-down, #stacks_in_1402_1 .show-for-large-only, #stacks_in_1402_1 .show-for-large-up, #stacks_in_1402_1 .show-for-large, #stacks_in_1402_1 .hide-for-large-down, #stacks_in_1402_1 .show-for-xlarge-only, #stacks_in_1402_1 .show-for-xlarge-up, #stacks_in_1402_1 .show-for-xxlarge-only, #stacks_in_1402_1 .show-for-xxlarge-up { display: none !important; } #stacks_in_1402_1 .visible-for-small-only, #stacks_in_1402_1 .visible-for-small-up, #stacks_in_1402_1 .visible-for-small, #stacks_in_1402_1 .visible-for-small-down, #stacks_in_1402_1 .hidden-for-medium-only, #stacks_in_1402_1 .hidden-for-medium-up, #stacks_in_1402_1 .hidden-for-medium, #stacks_in_1402_1 .visible-for-medium-down, #stacks_in_1402_1 .hidden-for-large-only, #stacks_in_1402_1 .hidden-for-large-up, #stacks_in_1402_1 .hidden-for-large, #stacks_in_1402_1 .visible-for-large-down, #stacks_in_1402_1 .hidden-for-xlarge-only, #stacks_in_1402_1 .hidden-for-xlarge-up, #stacks_in_1402_1 .hidden-for-xxlarge-only, #stacks_in_1402_1 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1402_1 .hidden-for-small-only, #stacks_in_1402_1 .hidden-for-small-up, #stacks_in_1402_1 .hidden-for-small, #stacks_in_1402_1 .hidden-for-small-down, #stacks_in_1402_1 .visible-for-medium-only, #stacks_in_1402_1 .visible-for-medium-up, #stacks_in_1402_1 .visible-for-medium, #stacks_in_1402_1 .hidden-for-medium-down, #stacks_in_1402_1 .visible-for-large-only, #stacks_in_1402_1 .visible-for-large-up, #stacks_in_1402_1 .visible-for-large, #stacks_in_1402_1 .hidden-for-large-down, #stacks_in_1402_1 .visible-for-xlarge-only, #stacks_in_1402_1 .visible-for-xlarge-up, #stacks_in_1402_1 .visible-for-xxlarge-only, #stacks_in_1402_1 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1402_1 table.show-for-small-only, #stacks_in_1402_1 table.show-for-small-up, #stacks_in_1402_1 table.show-for-small, #stacks_in_1402_1 table.show-for-small-down, #stacks_in_1402_1 table.hide-for-medium-only, #stacks_in_1402_1 table.hide-for-medium-up, #stacks_in_1402_1 table.hide-for-medium, #stacks_in_1402_1 table.show-for-medium-down, #stacks_in_1402_1 table.hide-for-large-only, #stacks_in_1402_1 table.hide-for-large-up, #stacks_in_1402_1 table.hide-for-large, #stacks_in_1402_1 table.show-for-large-down, #stacks_in_1402_1 table.hide-for-xlarge-only, #stacks_in_1402_1 table.hide-for-xlarge-up, #stacks_in_1402_1 table.hide-for-xxlarge-only, #stacks_in_1402_1 table.hide-for-xxlarge-up { display: table; } #stacks_in_1402_1 thead.show-for-small-only, #stacks_in_1402_1 thead.show-for-small-up, #stacks_in_1402_1 thead.show-for-small, #stacks_in_1402_1 thead.show-for-small-down, #stacks_in_1402_1 thead.hide-for-medium-only, #stacks_in_1402_1 thead.hide-for-medium-up, #stacks_in_1402_1 thead.hide-for-medium, #stacks_in_1402_1 thead.show-for-medium-down, #stacks_in_1402_1 thead.hide-for-large-only, #stacks_in_1402_1 thead.hide-for-large-up, #stacks_in_1402_1 thead.hide-for-large, #stacks_in_1402_1 thead.show-for-large-down, #stacks_in_1402_1 thead.hide-for-xlarge-only, #stacks_in_1402_1 thead.hide-for-xlarge-up, #stacks_in_1402_1 thead.hide-for-xxlarge-only, #stacks_in_1402_1 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1402_1 tbody.show-for-small-only, #stacks_in_1402_1 tbody.show-for-small-up, #stacks_in_1402_1 tbody.show-for-small, #stacks_in_1402_1 tbody.show-for-small-down, #stacks_in_1402_1 tbody.hide-for-medium-only, #stacks_in_1402_1 tbody.hide-for-medium-up, #stacks_in_1402_1 tbody.hide-for-medium, #stacks_in_1402_1 tbody.show-for-medium-down, #stacks_in_1402_1 tbody.hide-for-large-only, #stacks_in_1402_1 tbody.hide-for-large-up, #stacks_in_1402_1 tbody.hide-for-large, #stacks_in_1402_1 tbody.show-for-large-down, #stacks_in_1402_1 tbody.hide-for-xlarge-only, #stacks_in_1402_1 tbody.hide-for-xlarge-up, #stacks_in_1402_1 tbody.hide-for-xxlarge-only, #stacks_in_1402_1 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1402_1 tr.show-for-small-only, #stacks_in_1402_1 tr.show-for-small-up, #stacks_in_1402_1 tr.show-for-small, #stacks_in_1402_1 tr.show-for-small-down, #stacks_in_1402_1 tr.hide-for-medium-only, #stacks_in_1402_1 tr.hide-for-medium-up, #stacks_in_1402_1 tr.hide-for-medium, #stacks_in_1402_1 tr.show-for-medium-down, #stacks_in_1402_1 tr.hide-for-large-only, #stacks_in_1402_1 tr.hide-for-large-up, #stacks_in_1402_1 tr.hide-for-large, #stacks_in_1402_1 tr.show-for-large-down, #stacks_in_1402_1 tr.hide-for-xlarge-only, #stacks_in_1402_1 tr.hide-for-xlarge-up, #stacks_in_1402_1 tr.hide-for-xxlarge-only, #stacks_in_1402_1 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_1402_1 th.show-for-small-only, #stacks_in_1402_1 td.show-for-small-only, #stacks_in_1402_1 th.show-for-small-up, #stacks_in_1402_1 td.show-for-small-up, #stacks_in_1402_1 th.show-for-small, #stacks_in_1402_1 td.show-for-small, #stacks_in_1402_1 th.show-for-small-down, #stacks_in_1402_1 td.show-for-small-down, #stacks_in_1402_1 th.hide-for-medium-only, #stacks_in_1402_1 td.hide-for-medium-only, #stacks_in_1402_1 th.hide-for-medium-up, #stacks_in_1402_1 td.hide-for-medium-up, #stacks_in_1402_1 th.hide-for-medium, #stacks_in_1402_1 td.hide-for-medium, #stacks_in_1402_1 th.show-for-medium-down, #stacks_in_1402_1 td.show-for-medium-down, #stacks_in_1402_1 th.hide-for-large-only, #stacks_in_1402_1 td.hide-for-large-only, #stacks_in_1402_1 th.hide-for-large-up, #stacks_in_1402_1 td.hide-for-large-up, #stacks_in_1402_1 th.hide-for-large, #stacks_in_1402_1 td.hide-for-large, #stacks_in_1402_1 th.show-for-large-down, #stacks_in_1402_1 td.show-for-large-down, #stacks_in_1402_1 th.hide-for-xlarge-only, #stacks_in_1402_1 td.hide-for-xlarge-only, #stacks_in_1402_1 th.hide-for-xlarge-up, #stacks_in_1402_1 td.hide-for-xlarge-up, #stacks_in_1402_1 th.hide-for-xxlarge-only, #stacks_in_1402_1 td.hide-for-xxlarge-only, #stacks_in_1402_1 th.hide-for-xxlarge-up, #stacks_in_1402_1 td.hide-for-xxlarge-up { display: table-cell !important; } } /* medium displays */ @media only screen and (min-width: 40.063em) { #stacks_in_1402_1 .hide-for-small-only, #stacks_in_1402_1 .show-for-small-up, #stacks_in_1402_1 .hide-for-small, #stacks_in_1402_1 .hide-for-small-down, #stacks_in_1402_1 .show-for-medium-only, #stacks_in_1402_1 .show-for-medium-up, #stacks_in_1402_1 .show-for-medium, #stacks_in_1402_1 .show-for-medium-down, #stacks_in_1402_1 .hide-for-large-only, #stacks_in_1402_1 .hide-for-large-up, #stacks_in_1402_1 .hide-for-large, #stacks_in_1402_1 .show-for-large-down, #stacks_in_1402_1 .hide-for-xlarge-only, #stacks_in_1402_1 .hide-for-xlarge-up, #stacks_in_1402_1 .hide-for-xxlarge-only, #stacks_in_1402_1 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_1402_1 .show-for-small-only, #stacks_in_1402_1 .hide-for-small-up, #stacks_in_1402_1 .show-for-small, #stacks_in_1402_1 .show-for-small-down, #stacks_in_1402_1 .hide-for-medium-only, #stacks_in_1402_1 .hide-for-medium-up, #stacks_in_1402_1 .hide-for-medium, #stacks_in_1402_1 .hide-for-medium-down, #stacks_in_1402_1 .show-for-large-only, #stacks_in_1402_1 .show-for-large-up, #stacks_in_1402_1 .show-for-large, #stacks_in_1402_1 .hide-for-large-down, #stacks_in_1402_1 .show-for-xlarge-only, #stacks_in_1402_1 .show-for-xlarge-up, #stacks_in_1402_1 .show-for-xxlarge-only, #stacks_in_1402_1 .show-for-xxlarge-up { display: none !important; } #stacks_in_1402_1 .hidden-for-small-only, #stacks_in_1402_1 .visible-for-small-up, #stacks_in_1402_1 .hidden-for-small, #stacks_in_1402_1 .hidden-for-small-down, #stacks_in_1402_1 .visible-for-medium-only, #stacks_in_1402_1 .visible-for-medium-up, #stacks_in_1402_1 .visible-for-medium, #stacks_in_1402_1 .visible-for-medium-down, #stacks_in_1402_1 .hidden-for-large-only, #stacks_in_1402_1 .hidden-for-large-up, #stacks_in_1402_1 .hidden-for-large, #stacks_in_1402_1 .visible-for-large-down, #stacks_in_1402_1 .hidden-for-xlarge-only, #stacks_in_1402_1 .hidden-for-xlarge-up, #stacks_in_1402_1 .hidden-for-xxlarge-only, #stacks_in_1402_1 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1402_1 .visible-for-small-only, #stacks_in_1402_1 .hidden-for-small-up, #stacks_in_1402_1 .visible-for-small, #stacks_in_1402_1 .visible-for-small-down, #stacks_in_1402_1 .hidden-for-medium-only, #stacks_in_1402_1 .hidden-for-medium-up, #stacks_in_1402_1 .hidden-for-medium, #stacks_in_1402_1 .hidden-for-medium-down, #stacks_in_1402_1 .visible-for-large-only, #stacks_in_1402_1 .visible-for-large-up, #stacks_in_1402_1 .visible-for-large, #stacks_in_1402_1 .hidden-for-large-down, #stacks_in_1402_1 .visible-for-xlarge-only, #stacks_in_1402_1 .visible-for-xlarge-up, #stacks_in_1402_1 .visible-for-xxlarge-only, #stacks_in_1402_1 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1402_1 table.hide-for-small-only, #stacks_in_1402_1 table.show-for-small-up, #stacks_in_1402_1 table.hide-for-small, #stacks_in_1402_1 table.hide-for-small-down, #stacks_in_1402_1 table.show-for-medium-only, #stacks_in_1402_1 table.show-for-medium-up, #stacks_in_1402_1 table.show-for-medium, #stacks_in_1402_1 table.show-for-medium-down, #stacks_in_1402_1 table.hide-for-large-only, #stacks_in_1402_1 table.hide-for-large-up, #stacks_in_1402_1 table.hide-for-large, #stacks_in_1402_1 table.show-for-large-down, #stacks_in_1402_1 table.hide-for-xlarge-only, #stacks_in_1402_1 table.hide-for-xlarge-up, #stacks_in_1402_1 table.hide-for-xxlarge-only, #stacks_in_1402_1 table.hide-for-xxlarge-up { display: table; } #stacks_in_1402_1 thead.hide-for-small-only, #stacks_in_1402_1 thead.show-for-small-up, #stacks_in_1402_1 thead.hide-for-small, #stacks_in_1402_1 thead.hide-for-small-down, #stacks_in_1402_1 thead.show-for-medium-only, #stacks_in_1402_1 thead.show-for-medium-up, #stacks_in_1402_1 thead.show-for-medium, #stacks_in_1402_1 thead.show-for-medium-down, #stacks_in_1402_1 thead.hide-for-large-only, #stacks_in_1402_1 thead.hide-for-large-up, #stacks_in_1402_1 thead.hide-for-large, #stacks_in_1402_1 thead.show-for-large-down, #stacks_in_1402_1 thead.hide-for-xlarge-only, #stacks_in_1402_1 thead.hide-for-xlarge-up, #stacks_in_1402_1 thead.hide-for-xxlarge-only, #stacks_in_1402_1 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1402_1 tbody.hide-for-small-only, #stacks_in_1402_1 tbody.show-for-small-up, #stacks_in_1402_1 tbody.hide-for-small, #stacks_in_1402_1 tbody.hide-for-small-down, #stacks_in_1402_1 tbody.show-for-medium-only, #stacks_in_1402_1 tbody.show-for-medium-up, #stacks_in_1402_1 tbody.show-for-medium, #stacks_in_1402_1 tbody.show-for-medium-down, #stacks_in_1402_1 tbody.hide-for-large-only, #stacks_in_1402_1 tbody.hide-for-large-up, #stacks_in_1402_1 tbody.hide-for-large, #stacks_in_1402_1 tbody.show-for-large-down, #stacks_in_1402_1 tbody.hide-for-xlarge-only, #stacks_in_1402_1 tbody.hide-for-xlarge-up, #stacks_in_1402_1 tbody.hide-for-xxlarge-only, #stacks_in_1402_1 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1402_1 tr.hide-for-small-only, #stacks_in_1402_1 tr.show-for-small-up, #stacks_in_1402_1 tr.hide-for-small, #stacks_in_1402_1 tr.hide-for-small-down, #stacks_in_1402_1 tr.show-for-medium-only, #stacks_in_1402_1 tr.show-for-medium-up, #stacks_in_1402_1 tr.show-for-medium, #stacks_in_1402_1 tr.show-for-medium-down, #stacks_in_1402_1 tr.hide-for-large-only, #stacks_in_1402_1 tr.hide-for-large-up, #stacks_in_1402_1 tr.hide-for-large, #stacks_in_1402_1 tr.show-for-large-down, #stacks_in_1402_1 tr.hide-for-xlarge-only, #stacks_in_1402_1 tr.hide-for-xlarge-up, #stacks_in_1402_1 tr.hide-for-xxlarge-only, #stacks_in_1402_1 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_1402_1 th.hide-for-small-only, #stacks_in_1402_1 td.hide-for-small-only, #stacks_in_1402_1 th.show-for-small-up, #stacks_in_1402_1 td.show-for-small-up, #stacks_in_1402_1 th.hide-for-small, #stacks_in_1402_1 td.hide-for-small, #stacks_in_1402_1 th.hide-for-small-down, #stacks_in_1402_1 td.hide-for-small-down, #stacks_in_1402_1 th.show-for-medium-only, #stacks_in_1402_1 td.show-for-medium-only, #stacks_in_1402_1 th.show-for-medium-up, #stacks_in_1402_1 td.show-for-medium-up, #stacks_in_1402_1 th.show-for-medium, #stacks_in_1402_1 td.show-for-medium, #stacks_in_1402_1 th.show-for-medium-down, #stacks_in_1402_1 td.show-for-medium-down, #stacks_in_1402_1 th.hide-for-large-only, #stacks_in_1402_1 td.hide-for-large-only, #stacks_in_1402_1 th.hide-for-large-up, #stacks_in_1402_1 td.hide-for-large-up, #stacks_in_1402_1 th.hide-for-large, #stacks_in_1402_1 td.hide-for-large, #stacks_in_1402_1 th.show-for-large-down, #stacks_in_1402_1 td.show-for-large-down, #stacks_in_1402_1 th.hide-for-xlarge-only, #stacks_in_1402_1 td.hide-for-xlarge-only, #stacks_in_1402_1 th.hide-for-xlarge-up, #stacks_in_1402_1 td.hide-for-xlarge-up, #stacks_in_1402_1 th.hide-for-xxlarge-only, #stacks_in_1402_1 td.hide-for-xxlarge-only, #stacks_in_1402_1 th.hide-for-xxlarge-up, #stacks_in_1402_1 td.hide-for-xxlarge-up { display: table-cell !important; } } /* large displays */ @media only screen and (min-width: 64.063em) { #stacks_in_1402_1 .hide-for-small-only, #stacks_in_1402_1 .show-for-small-up, #stacks_in_1402_1 .hide-for-small, #stacks_in_1402_1 .hide-for-small-down, #stacks_in_1402_1 .hide-for-medium-only, #stacks_in_1402_1 .show-for-medium-up, #stacks_in_1402_1 .hide-for-medium, #stacks_in_1402_1 .hide-for-medium-down, #stacks_in_1402_1 .show-for-large-only, #stacks_in_1402_1 .show-for-large-up, #stacks_in_1402_1 .show-for-large, #stacks_in_1402_1 .show-for-large-down, #stacks_in_1402_1 .hide-for-xlarge-only, #stacks_in_1402_1 .hide-for-xlarge-up, #stacks_in_1402_1 .hide-for-xxlarge-only, #stacks_in_1402_1 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_1402_1 .show-for-small-only, #stacks_in_1402_1 .hide-for-small-up, #stacks_in_1402_1 .show-for-small, #stacks_in_1402_1 .show-for-small-down, #stacks_in_1402_1 .show-for-medium-only, #stacks_in_1402_1 .hide-for-medium-up, #stacks_in_1402_1 .show-for-medium, #stacks_in_1402_1 .show-for-medium-down, #stacks_in_1402_1 .hide-for-large-only, #stacks_in_1402_1 .hide-for-large-up, #stacks_in_1402_1 .hide-for-large, #stacks_in_1402_1 .hide-for-large-down, #stacks_in_1402_1 .show-for-xlarge-only, #stacks_in_1402_1 .show-for-xlarge-up, #stacks_in_1402_1 .show-for-xxlarge-only, #stacks_in_1402_1 .show-for-xxlarge-up { display: none !important; } #stacks_in_1402_1 .hidden-for-small-only, #stacks_in_1402_1 .visible-for-small-up, #stacks_in_1402_1 .hidden-for-small, #stacks_in_1402_1 .hidden-for-small-down, #stacks_in_1402_1 .hidden-for-medium-only, #stacks_in_1402_1 .visible-for-medium-up, #stacks_in_1402_1 .hidden-for-medium, #stacks_in_1402_1 .hidden-for-medium-down, #stacks_in_1402_1 .visible-for-large-only, #stacks_in_1402_1 .visible-for-large-up, #stacks_in_1402_1 .visible-for-large, #stacks_in_1402_1 .visible-for-large-down, #stacks_in_1402_1 .hidden-for-xlarge-only, #stacks_in_1402_1 .hidden-for-xlarge-up, #stacks_in_1402_1 .hidden-for-xxlarge-only, #stacks_in_1402_1 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1402_1 .visible-for-small-only, #stacks_in_1402_1 .hidden-for-small-up, #stacks_in_1402_1 .visible-for-small, #stacks_in_1402_1 .visible-for-small-down, #stacks_in_1402_1 .visible-for-medium-only, #stacks_in_1402_1 .hidden-for-medium-up, #stacks_in_1402_1 .visible-for-medium, #stacks_in_1402_1 .visible-for-medium-down, #stacks_in_1402_1 .hidden-for-large-only, #stacks_in_1402_1 .hidden-for-large-up, #stacks_in_1402_1 .hidden-for-large, #stacks_in_1402_1 .hidden-for-large-down, #stacks_in_1402_1 .visible-for-xlarge-only, #stacks_in_1402_1 .visible-for-xlarge-up, #stacks_in_1402_1 .visible-for-xxlarge-only, #stacks_in_1402_1 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1402_1 table.hide-for-small-only, #stacks_in_1402_1 table.show-for-small-up, #stacks_in_1402_1 table.hide-for-small, #stacks_in_1402_1 table.hide-for-small-down, #stacks_in_1402_1 table.hide-for-medium-only, #stacks_in_1402_1 table.show-for-medium-up, #stacks_in_1402_1 table.hide-for-medium, #stacks_in_1402_1 table.hide-for-medium-down, #stacks_in_1402_1 table.show-for-large-only, #stacks_in_1402_1 table.show-for-large-up, #stacks_in_1402_1 table.show-for-large, #stacks_in_1402_1 table.show-for-large-down, #stacks_in_1402_1 table.hide-for-xlarge-only, #stacks_in_1402_1 table.hide-for-xlarge-up, #stacks_in_1402_1 table.hide-for-xxlarge-only, #stacks_in_1402_1 table.hide-for-xxlarge-up { display: table; } #stacks_in_1402_1 thead.hide-for-small-only, #stacks_in_1402_1 thead.show-for-small-up, #stacks_in_1402_1 thead.hide-for-small, #stacks_in_1402_1 thead.hide-for-small-down, #stacks_in_1402_1 thead.hide-for-medium-only, #stacks_in_1402_1 thead.show-for-medium-up, #stacks_in_1402_1 thead.hide-for-medium, #stacks_in_1402_1 thead.hide-for-medium-down, #stacks_in_1402_1 thead.show-for-large-only, #stacks_in_1402_1 thead.show-for-large-up, #stacks_in_1402_1 thead.show-for-large, #stacks_in_1402_1 thead.show-for-large-down, #stacks_in_1402_1 thead.hide-for-xlarge-only, #stacks_in_1402_1 thead.hide-for-xlarge-up, #stacks_in_1402_1 thead.hide-for-xxlarge-only, #stacks_in_1402_1 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1402_1 tbody.hide-for-small-only, #stacks_in_1402_1 tbody.show-for-small-up, #stacks_in_1402_1 tbody.hide-for-small, #stacks_in_1402_1 tbody.hide-for-small-down, #stacks_in_1402_1 tbody.hide-for-medium-only, #stacks_in_1402_1 tbody.show-for-medium-up, #stacks_in_1402_1 tbody.hide-for-medium, #stacks_in_1402_1 tbody.hide-for-medium-down, #stacks_in_1402_1 tbody.show-for-large-only, #stacks_in_1402_1 tbody.show-for-large-up, #stacks_in_1402_1 tbody.show-for-large, #stacks_in_1402_1 tbody.show-for-large-down, #stacks_in_1402_1 tbody.hide-for-xlarge-only, #stacks_in_1402_1 tbody.hide-for-xlarge-up, #stacks_in_1402_1 tbody.hide-for-xxlarge-only, #stacks_in_1402_1 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1402_1 tr.hide-for-small-only, #stacks_in_1402_1 tr.show-for-small-up, #stacks_in_1402_1 tr.hide-for-small, #stacks_in_1402_1 tr.hide-for-small-down, #stacks_in_1402_1 tr.hide-for-medium-only, #stacks_in_1402_1 tr.show-for-medium-up, #stacks_in_1402_1 tr.hide-for-medium, #stacks_in_1402_1 tr.hide-for-medium-down, #stacks_in_1402_1 tr.show-for-large-only, #stacks_in_1402_1 tr.show-for-large-up, #stacks_in_1402_1 tr.show-for-large, #stacks_in_1402_1 tr.show-for-large-down, #stacks_in_1402_1 tr.hide-for-xlarge-only, #stacks_in_1402_1 tr.hide-for-xlarge-up, #stacks_in_1402_1 tr.hide-for-xxlarge-only, #stacks_in_1402_1 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_1402_1 th.hide-for-small-only, #stacks_in_1402_1 td.hide-for-small-only, #stacks_in_1402_1 th.show-for-small-up, #stacks_in_1402_1 td.show-for-small-up, #stacks_in_1402_1 th.hide-for-small, #stacks_in_1402_1 td.hide-for-small, #stacks_in_1402_1 th.hide-for-small-down, #stacks_in_1402_1 td.hide-for-small-down, #stacks_in_1402_1 th.hide-for-medium-only, #stacks_in_1402_1 td.hide-for-medium-only, #stacks_in_1402_1 th.show-for-medium-up, #stacks_in_1402_1 td.show-for-medium-up, #stacks_in_1402_1 th.hide-for-medium, #stacks_in_1402_1 td.hide-for-medium, #stacks_in_1402_1 th.hide-for-medium-down, #stacks_in_1402_1 td.hide-for-medium-down, #stacks_in_1402_1 th.show-for-large-only, #stacks_in_1402_1 td.show-for-large-only, #stacks_in_1402_1 th.show-for-large-up, #stacks_in_1402_1 td.show-for-large-up, #stacks_in_1402_1 th.show-for-large, #stacks_in_1402_1 td.show-for-large, #stacks_in_1402_1 th.show-for-large-down, #stacks_in_1402_1 td.show-for-large-down, #stacks_in_1402_1 th.hide-for-xlarge-only, #stacks_in_1402_1 td.hide-for-xlarge-only, #stacks_in_1402_1 th.hide-for-xlarge-up, #stacks_in_1402_1 td.hide-for-xlarge-up, #stacks_in_1402_1 th.hide-for-xxlarge-only, #stacks_in_1402_1 td.hide-for-xxlarge-only, #stacks_in_1402_1 th.hide-for-xxlarge-up, #stacks_in_1402_1 td.hide-for-xxlarge-up { display: table-cell !important; } } /* xlarge displays */ @media only screen and (min-width: 90.063em) { #stacks_in_1402_1 .hide-for-small-only, #stacks_in_1402_1 .show-for-small-up, #stacks_in_1402_1 .hide-for-small, #stacks_in_1402_1 .hide-for-small-down, #stacks_in_1402_1 .hide-for-medium-only, #stacks_in_1402_1 .show-for-medium-up, #stacks_in_1402_1 .hide-for-medium, #stacks_in_1402_1 .hide-for-medium-down, #stacks_in_1402_1 .hide-for-large-only, #stacks_in_1402_1 .show-for-large-up, #stacks_in_1402_1 .hide-for-large, #stacks_in_1402_1 .hide-for-large-down, #stacks_in_1402_1 .show-for-xlarge-only, #stacks_in_1402_1 .show-for-xlarge-up, #stacks_in_1402_1 .hide-for-xxlarge-only, #stacks_in_1402_1 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_1402_1 .show-for-small-only, #stacks_in_1402_1 .hide-for-small-up, #stacks_in_1402_1 .show-for-small, #stacks_in_1402_1 .show-for-small-down, #stacks_in_1402_1 .show-for-medium-only, #stacks_in_1402_1 .hide-for-medium-up, #stacks_in_1402_1 .show-for-medium, #stacks_in_1402_1 .show-for-medium-down, #stacks_in_1402_1 .show-for-large-only, #stacks_in_1402_1 .hide-for-large-up, #stacks_in_1402_1 .show-for-large, #stacks_in_1402_1 .show-for-large-down, #stacks_in_1402_1 .hide-for-xlarge-only, #stacks_in_1402_1 .hide-for-xlarge-up, #stacks_in_1402_1 .show-for-xxlarge-only, #stacks_in_1402_1 .show-for-xxlarge-up { display: none !important; } #stacks_in_1402_1 .hidden-for-small-only, #stacks_in_1402_1 .visible-for-small-up, #stacks_in_1402_1 .hidden-for-small, #stacks_in_1402_1 .hidden-for-small-down, #stacks_in_1402_1 .hidden-for-medium-only, #stacks_in_1402_1 .visible-for-medium-up, #stacks_in_1402_1 .hidden-for-medium, #stacks_in_1402_1 .hidden-for-medium-down, #stacks_in_1402_1 .hidden-for-large-only, #stacks_in_1402_1 .visible-for-large-up, #stacks_in_1402_1 .hidden-for-large, #stacks_in_1402_1 .hidden-for-large-down, #stacks_in_1402_1 .visible-for-xlarge-only, #stacks_in_1402_1 .visible-for-xlarge-up, #stacks_in_1402_1 .hidden-for-xxlarge-only, #stacks_in_1402_1 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1402_1 .visible-for-small-only, #stacks_in_1402_1 .hidden-for-small-up, #stacks_in_1402_1 .visible-for-small, #stacks_in_1402_1 .visible-for-small-down, #stacks_in_1402_1 .visible-for-medium-only, #stacks_in_1402_1 .hidden-for-medium-up, #stacks_in_1402_1 .visible-for-medium, #stacks_in_1402_1 .visible-for-medium-down, #stacks_in_1402_1 .visible-for-large-only, #stacks_in_1402_1 .hidden-for-large-up, #stacks_in_1402_1 .visible-for-large, #stacks_in_1402_1 .visible-for-large-down, #stacks_in_1402_1 .hidden-for-xlarge-only, #stacks_in_1402_1 .hidden-for-xlarge-up, #stacks_in_1402_1 .visible-for-xxlarge-only, #stacks_in_1402_1 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1402_1 table.hide-for-small-only, #stacks_in_1402_1 table.show-for-small-up, #stacks_in_1402_1 table.hide-for-small, #stacks_in_1402_1 table.hide-for-small-down, #stacks_in_1402_1 table.hide-for-medium-only, #stacks_in_1402_1 table.show-for-medium-up, #stacks_in_1402_1 table.hide-for-medium, #stacks_in_1402_1 table.hide-for-medium-down, #stacks_in_1402_1 table.hide-for-large-only, #stacks_in_1402_1 table.show-for-large-up, #stacks_in_1402_1 table.hide-for-large, #stacks_in_1402_1 table.hide-for-large-down, #stacks_in_1402_1 table.show-for-xlarge-only, #stacks_in_1402_1 table.show-for-xlarge-up, #stacks_in_1402_1 table.hide-for-xxlarge-only, #stacks_in_1402_1 table.hide-for-xxlarge-up { display: table; } #stacks_in_1402_1 thead.hide-for-small-only, #stacks_in_1402_1 thead.show-for-small-up, #stacks_in_1402_1 thead.hide-for-small, #stacks_in_1402_1 thead.hide-for-small-down, #stacks_in_1402_1 thead.hide-for-medium-only, #stacks_in_1402_1 thead.show-for-medium-up, #stacks_in_1402_1 thead.hide-for-medium, #stacks_in_1402_1 thead.hide-for-medium-down, #stacks_in_1402_1 thead.hide-for-large-only, #stacks_in_1402_1 thead.show-for-large-up, #stacks_in_1402_1 thead.hide-for-large, #stacks_in_1402_1 thead.hide-for-large-down, #stacks_in_1402_1 thead.show-for-xlarge-only, #stacks_in_1402_1 thead.show-for-xlarge-up, #stacks_in_1402_1 thead.hide-for-xxlarge-only, #stacks_in_1402_1 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1402_1 tbody.hide-for-small-only, #stacks_in_1402_1 tbody.show-for-small-up, #stacks_in_1402_1 tbody.hide-for-small, #stacks_in_1402_1 tbody.hide-for-small-down, #stacks_in_1402_1 tbody.hide-for-medium-only, #stacks_in_1402_1 tbody.show-for-medium-up, #stacks_in_1402_1 tbody.hide-for-medium, #stacks_in_1402_1 tbody.hide-for-medium-down, #stacks_in_1402_1 tbody.hide-for-large-only, #stacks_in_1402_1 tbody.show-for-large-up, #stacks_in_1402_1 tbody.hide-for-large, #stacks_in_1402_1 tbody.hide-for-large-down, #stacks_in_1402_1 tbody.show-for-xlarge-only, #stacks_in_1402_1 tbody.show-for-xlarge-up, #stacks_in_1402_1 tbody.hide-for-xxlarge-only, #stacks_in_1402_1 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1402_1 tr.hide-for-small-only, #stacks_in_1402_1 tr.show-for-small-up, #stacks_in_1402_1 tr.hide-for-small, #stacks_in_1402_1 tr.hide-for-small-down, #stacks_in_1402_1 tr.hide-for-medium-only, #stacks_in_1402_1 tr.show-for-medium-up, #stacks_in_1402_1 tr.hide-for-medium, #stacks_in_1402_1 tr.hide-for-medium-down, #stacks_in_1402_1 tr.hide-for-large-only, #stacks_in_1402_1 tr.show-for-large-up, #stacks_in_1402_1 tr.hide-for-large, #stacks_in_1402_1 tr.hide-for-large-down, #stacks_in_1402_1 tr.show-for-xlarge-only, #stacks_in_1402_1 tr.show-for-xlarge-up, #stacks_in_1402_1 tr.hide-for-xxlarge-only, #stacks_in_1402_1 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_1402_1 th.hide-for-small-only, #stacks_in_1402_1 td.hide-for-small-only, #stacks_in_1402_1 th.show-for-small-up, #stacks_in_1402_1 td.show-for-small-up, #stacks_in_1402_1 th.hide-for-small, #stacks_in_1402_1 td.hide-for-small, #stacks_in_1402_1 th.hide-for-small-down, #stacks_in_1402_1 td.hide-for-small-down, #stacks_in_1402_1 th.hide-for-medium-only, #stacks_in_1402_1 td.hide-for-medium-only, #stacks_in_1402_1 th.show-for-medium-up, #stacks_in_1402_1 td.show-for-medium-up, #stacks_in_1402_1 th.hide-for-medium, #stacks_in_1402_1 td.hide-for-medium, #stacks_in_1402_1 th.hide-for-medium-down, #stacks_in_1402_1 td.hide-for-medium-down, #stacks_in_1402_1 th.hide-for-large-only, #stacks_in_1402_1 td.hide-for-large-only, #stacks_in_1402_1 th.show-for-large-up, #stacks_in_1402_1 td.show-for-large-up, #stacks_in_1402_1 th.hide-for-large, #stacks_in_1402_1 td.hide-for-large, #stacks_in_1402_1 th.hide-for-large-down, #stacks_in_1402_1 td.hide-for-large-down, #stacks_in_1402_1 th.show-for-xlarge-only, #stacks_in_1402_1 td.show-for-xlarge-only, #stacks_in_1402_1 th.show-for-xlarge-up, #stacks_in_1402_1 td.show-for-xlarge-up, #stacks_in_1402_1 th.hide-for-xxlarge-only, #stacks_in_1402_1 td.hide-for-xxlarge-only, #stacks_in_1402_1 th.hide-for-xxlarge-up, #stacks_in_1402_1 td.hide-for-xxlarge-up { display: table-cell !important; } } /* xxlarge displays */ @media only screen and (min-width: 120.063em) { #stacks_in_1402_1 .hide-for-small-only, #stacks_in_1402_1 .show-for-small-up, #stacks_in_1402_1 .hide-for-small, #stacks_in_1402_1 .hide-for-small-down, #stacks_in_1402_1 .hide-for-medium-only, #stacks_in_1402_1 .show-for-medium-up, #stacks_in_1402_1 .hide-for-medium, #stacks_in_1402_1 .hide-for-medium-down, #stacks_in_1402_1 .hide-for-large-only, #stacks_in_1402_1 .show-for-large-up, #stacks_in_1402_1 .hide-for-large, #stacks_in_1402_1 .hide-for-large-down, #stacks_in_1402_1 .hide-for-xlarge-only, #stacks_in_1402_1 .show-for-xlarge-up, #stacks_in_1402_1 .show-for-xxlarge-only, #stacks_in_1402_1 .show-for-xxlarge-up { display: inherit !important; } #stacks_in_1402_1 .show-for-small-only, #stacks_in_1402_1 .hide-for-small-up, #stacks_in_1402_1 .show-for-small, #stacks_in_1402_1 .show-for-small-down, #stacks_in_1402_1 .show-for-medium-only, #stacks_in_1402_1 .hide-for-medium-up, #stacks_in_1402_1 .show-for-medium, #stacks_in_1402_1 .show-for-medium-down, #stacks_in_1402_1 .show-for-large-only, #stacks_in_1402_1 .hide-for-large-up, #stacks_in_1402_1 .show-for-large, #stacks_in_1402_1 .show-for-large-down, #stacks_in_1402_1 .show-for-xlarge-only, #stacks_in_1402_1 .hide-for-xlarge-up, #stacks_in_1402_1 .hide-for-xxlarge-only, #stacks_in_1402_1 .hide-for-xxlarge-up { display: none !important; } #stacks_in_1402_1 .hidden-for-small-only, #stacks_in_1402_1 .visible-for-small-up, #stacks_in_1402_1 .hidden-for-small, #stacks_in_1402_1 .hidden-for-small-down, #stacks_in_1402_1 .hidden-for-medium-only, #stacks_in_1402_1 .visible-for-medium-up, #stacks_in_1402_1 .hidden-for-medium, #stacks_in_1402_1 .hidden-for-medium-down, #stacks_in_1402_1 .hidden-for-large-only, #stacks_in_1402_1 .visible-for-large-up, #stacks_in_1402_1 .hidden-for-large, #stacks_in_1402_1 .hidden-for-large-down, #stacks_in_1402_1 .hidden-for-xlarge-only, #stacks_in_1402_1 .visible-for-xlarge-up, #stacks_in_1402_1 .visible-for-xxlarge-only, #stacks_in_1402_1 .visible-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1402_1 .visible-for-small-only, #stacks_in_1402_1 .hidden-for-small-up, #stacks_in_1402_1 .visible-for-small, #stacks_in_1402_1 .visible-for-small-down, #stacks_in_1402_1 .visible-for-medium-only, #stacks_in_1402_1 .hidden-for-medium-up, #stacks_in_1402_1 .visible-for-medium, #stacks_in_1402_1 .visible-for-medium-down, #stacks_in_1402_1 .visible-for-large-only, #stacks_in_1402_1 .hidden-for-large-up, #stacks_in_1402_1 .visible-for-large, #stacks_in_1402_1 .visible-for-large-down, #stacks_in_1402_1 .visible-for-xlarge-only, #stacks_in_1402_1 .hidden-for-xlarge-up, #stacks_in_1402_1 .hidden-for-xxlarge-only, #stacks_in_1402_1 .hidden-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1402_1 table.hide-for-small-only, #stacks_in_1402_1 table.show-for-small-up, #stacks_in_1402_1 table.hide-for-small, #stacks_in_1402_1 table.hide-for-small-down, #stacks_in_1402_1 table.hide-for-medium-only, #stacks_in_1402_1 table.show-for-medium-up, #stacks_in_1402_1 table.hide-for-medium, #stacks_in_1402_1 table.hide-for-medium-down, #stacks_in_1402_1 table.hide-for-large-only, #stacks_in_1402_1 table.show-for-large-up, #stacks_in_1402_1 table.hide-for-large, #stacks_in_1402_1 table.hide-for-large-down, #stacks_in_1402_1 table.hide-for-xlarge-only, #stacks_in_1402_1 table.show-for-xlarge-up, #stacks_in_1402_1 table.show-for-xxlarge-only, #stacks_in_1402_1 table.show-for-xxlarge-up { display: table; } #stacks_in_1402_1 thead.hide-for-small-only, #stacks_in_1402_1 thead.show-for-small-up, #stacks_in_1402_1 thead.hide-for-small, #stacks_in_1402_1 thead.hide-for-small-down, #stacks_in_1402_1 thead.hide-for-medium-only, #stacks_in_1402_1 thead.show-for-medium-up, #stacks_in_1402_1 thead.hide-for-medium, #stacks_in_1402_1 thead.hide-for-medium-down, #stacks_in_1402_1 thead.hide-for-large-only, #stacks_in_1402_1 thead.show-for-large-up, #stacks_in_1402_1 thead.hide-for-large, #stacks_in_1402_1 thead.hide-for-large-down, #stacks_in_1402_1 thead.hide-for-xlarge-only, #stacks_in_1402_1 thead.show-for-xlarge-up, #stacks_in_1402_1 thead.show-for-xxlarge-only, #stacks_in_1402_1 thead.show-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1402_1 tbody.hide-for-small-only, #stacks_in_1402_1 tbody.show-for-small-up, #stacks_in_1402_1 tbody.hide-for-small, #stacks_in_1402_1 tbody.hide-for-small-down, #stacks_in_1402_1 tbody.hide-for-medium-only, #stacks_in_1402_1 tbody.show-for-medium-up, #stacks_in_1402_1 tbody.hide-for-medium, #stacks_in_1402_1 tbody.hide-for-medium-down, #stacks_in_1402_1 tbody.hide-for-large-only, #stacks_in_1402_1 tbody.show-for-large-up, #stacks_in_1402_1 tbody.hide-for-large, #stacks_in_1402_1 tbody.hide-for-large-down, #stacks_in_1402_1 tbody.hide-for-xlarge-only, #stacks_in_1402_1 tbody.show-for-xlarge-up, #stacks_in_1402_1 tbody.show-for-xxlarge-only, #stacks_in_1402_1 tbody.show-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1402_1 tr.hide-for-small-only, #stacks_in_1402_1 tr.show-for-small-up, #stacks_in_1402_1 tr.hide-for-small, #stacks_in_1402_1 tr.hide-for-small-down, #stacks_in_1402_1 tr.hide-for-medium-only, #stacks_in_1402_1 tr.show-for-medium-up, #stacks_in_1402_1 tr.hide-for-medium, #stacks_in_1402_1 tr.hide-for-medium-down, #stacks_in_1402_1 tr.hide-for-large-only, #stacks_in_1402_1 tr.show-for-large-up, #stacks_in_1402_1 tr.hide-for-large, #stacks_in_1402_1 tr.hide-for-large-down, #stacks_in_1402_1 tr.hide-for-xlarge-only, #stacks_in_1402_1 tr.show-for-xlarge-up, #stacks_in_1402_1 tr.show-for-xxlarge-only, #stacks_in_1402_1 tr.show-for-xxlarge-up { display: table-row !important; } #stacks_in_1402_1 th.hide-for-small-only, #stacks_in_1402_1 td.hide-for-small-only, #stacks_in_1402_1 th.show-for-small-up, #stacks_in_1402_1 td.show-for-small-up, #stacks_in_1402_1 th.hide-for-small, #stacks_in_1402_1 td.hide-for-small, #stacks_in_1402_1 th.hide-for-small-down, #stacks_in_1402_1 td.hide-for-small-down, #stacks_in_1402_1 th.hide-for-medium-only, #stacks_in_1402_1 td.hide-for-medium-only, #stacks_in_1402_1 th.show-for-medium-up, #stacks_in_1402_1 td.show-for-medium-up, #stacks_in_1402_1 th.hide-for-medium, #stacks_in_1402_1 td.hide-for-medium, #stacks_in_1402_1 th.hide-for-medium-down, #stacks_in_1402_1 td.hide-for-medium-down, #stacks_in_1402_1 th.hide-for-large-only, #stacks_in_1402_1 td.hide-for-large-only, #stacks_in_1402_1 th.show-for-large-up, #stacks_in_1402_1 td.show-for-large-up, #stacks_in_1402_1 th.hide-for-large, #stacks_in_1402_1 td.hide-for-large, #stacks_in_1402_1 th.hide-for-large-down, #stacks_in_1402_1 td.hide-for-large-down, #stacks_in_1402_1 th.hide-for-xlarge-only, #stacks_in_1402_1 td.hide-for-xlarge-only, #stacks_in_1402_1 th.show-for-xlarge-up, #stacks_in_1402_1 td.show-for-xlarge-up, #stacks_in_1402_1 th.show-for-xxlarge-only, #stacks_in_1402_1 td.show-for-xxlarge-only, #stacks_in_1402_1 th.show-for-xxlarge-up, #stacks_in_1402_1 td.show-for-xxlarge-up { display: table-cell !important; } } /* Orientation targeting */ .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } /* Specific visibility for tables */ #stacks_in_1402_1 table.hide-for-landscape, #stacks_in_1402_1 table.show-for-portrait { display: table; } #stacks_in_1402_1 thead.hide-for-landscape, #stacks_in_1402_1 thead.show-for-portrait { display: table-header-group !important; } #stacks_in_1402_1 tbody.hide-for-landscape, #stacks_in_1402_1 tbody.show-for-portrait { display: table-row-group !important; } #stacks_in_1402_1 tr.hide-for-landscape, #stacks_in_1402_1 tr.show-for-portrait { display: table-row !important; } #stacks_in_1402_1 td.hide-for-landscape, #stacks_in_1402_1 td.show-for-portrait, #stacks_in_1402_1 th.hide-for-landscape, #stacks_in_1402_1 th.show-for-portrait { display: table-cell !important; } @media only screen and (orientation: landscape) { #stacks_in_1402_1 .show-for-landscape, #stacks_in_1402_1 .hide-for-portrait { display: inherit !important; } #stacks_in_1402_1 .hide-for-landscape, #stacks_in_1402_1 .show-for-portrait { display: none !important; } /* Specific visibility for tables */ #stacks_in_1402_1 table.show-for-landscape, #stacks_in_1402_1 table.hide-for-portrait { display: table; } #stacks_in_1402_1 thead.show-for-landscape, #stacks_in_1402_1 thead.hide-for-portrait { display: table-header-group !important; } #stacks_in_1402_1 tbody.show-for-landscape, #stacks_in_1402_1 tbody.hide-for-portrait { display: table-row-group !important; } #stacks_in_1402_1 tr.show-for-landscape, #stacks_in_1402_1 tr.hide-for-portrait { display: table-row !important; } #stacks_in_1402_1 td.show-for-landscape, #stacks_in_1402_1 td.hide-for-portrait, #stacks_in_1402_1 th.show-for-landscape, #stacks_in_1402_1 th.hide-for-portrait { display: table-cell !important; } } @media only screen and (orientation: portrait) { #stacks_in_1402_1 .show-for-portrait, #stacks_in_1402_1 .hide-for-landscape { display: inherit !important; } #stacks_in_1402_1 .hide-for-portrait, #stacks_in_1402_1 .show-for-landscape { display: none !important; } /* Specific visibility for tables */ #stacks_in_1402_1 table.show-for-portrait, #stacks_in_1402_1 table.hide-for-landscape { display: table; } #stacks_in_1402_1 thead.show-for-portrait, #stacks_in_1402_1 thead.hide-for-landscape { display: table-header-group !important; } #stacks_in_1402_1 tbody.show-for-portrait, #stacks_in_1402_1 tbody.hide-for-landscape { display: table-row-group !important; } #stacks_in_1402_1 tr.show-for-portrait, #stacks_in_1402_1 tr.hide-for-landscape { display: table-row !important; } #stacks_in_1402_1 td.show-for-portrait, #stacks_in_1402_1 td.hide-for-landscape, #stacks_in_1402_1 th.show-for-portrait, #stacks_in_1402_1 th.hide-for-landscape { display: table-cell !important; } } /* Touch-enabled device targeting */ .show-for-touch { display: none !important; } .hide-for-touch { display: inherit !important; } .touch #stacks_in_1402_1 .show-for-touch { display: inherit !important; } .touch #stacks_in_1402_1 .hide-for-touch { display: none !important; } /* Specific visibility for tables */ #stacks_in_1402_1 table.hide-for-touch { display: table; } .touch #stacks_in_1402_1 table.show-for-touch { display: table; } #stacks_in_1402_1 thead.hide-for-touch { display: table-header-group !important; } .touch #stacks_in_1402_1 thead.show-for-touch { display: table-header-group !important; } #stacks_in_1402_1 tbody.hide-for-touch { display: table-row-group !important; } .touch #stacks_in_1402_1 tbody.show-for-touch { display: table-row-group !important; } #stacks_in_1402_1 tr.hide-for-touch { display: table-row !important; } .touch #stacks_in_1402_1 tr.show-for-touch { display: table-row !important; } #stacks_in_1402_1 td.hide-for-touch { display: table-cell !important; } .touch #stacks_in_1402_1 td.show-for-touch { display: table-cell !important; } #stacks_in_1402_1 th.hide-for-touch { display: table-cell !important; } .touch #stacks_in_1402_1 th.show-for-touch { display: table-cell !important; } /* Print visibility */ @media print { #stacks_in_1402_1 .show-for-print { display: block; } #stacks_in_1402_1 .hide-for-print { display: none; } #stacks_in_1402_1 table.show-for-print { display: table; } #stacks_in_1402_1 thead.show-for-print { display: table-header-group !important; } #stacks_in_1402_1 tbody.show-for-print { display: table-row-group !important; } #stacks_in_1402_1 tr.show-for-print { display: table-row !important; } #stacks_in_1402_1 td.show-for-print { display: table-cell !important; } #stacks_in_1402_1 th.show-for-print { display: table-cell !important; } } /* -------------------------------- Primary style -------------------------------- */ body.overflow-hidden { /* used when modal is visible */ overflow: hidden; } body.overflow-hidden .cd-modal { display: block !important; } /* -------------------------------- Main Components -------------------------------- */ #stacks_in_1402_2 .cd-section { text-align: center; position: relative; } #stacks_in_1402_2 .cd-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; pointer-events: none; -webkit-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; -moz-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; } #stacks_in_1402_2 .cd-modal .cd-modal-content { box-sizing: border-box; height: 100%; width: 100%; padding: 3em 5%; color: #FFFFFF; text-align: left; overflow-y: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_1402_2 .cd-modal-content a, #stacks_in_1402_2 .cd-modal-content a:visited { color: #DE425A; } #stacks_in_1402_2 .cd-modal-content a:hover, #stacks_in_1402_2 .cd-modal-content a:active { color: #B13448; } #stacks_in_1402_2 .modal-is-visible .cd-modal { z-index: 300000 !important; visibility: visible; opacity: 1; pointer-events: auto; -webkit-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; -moz-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; } #stacks_in_1402_2 .modal-is-visible .cd-modal .cd-modal-content { -webkit-overflow-scrolling: touch; } @media only screen and (min-width: 768px) { #stacks_in_1402_2 .cd-modal .cd-modal-content { padding: 4em 10%; } } @media only screen and (min-width: 1170px) { #stacks_in_1402_2 .cd-modal .cd-modal-content { padding: 6em 20%; } } #stacks_in_1402_2 .cd-modal-action { position: relative; } #stacks_in_1402_2 .cd-modal-action .modal_btn, #stacks_in_1402_2 .cd-modal-action .cd-modal-bg { display: inline-block; height: 2.5em; background-color: #336699; } #stacks_in_1402_2 .modal_btn, #stacks_in_1402_2 .cd-modal-close { text-decoration: none !important; border: none !important; } #stacks_in_1402_2 .cd-modal-action .modal_btn { border-radius: 5em; color: #ffffff; line-height: 2.5em; white-space: nowrap; font-weight: 700; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: color 0.2s 0.3s, width 0.3s 0s; -moz-transition: color 0.2s 0.3s, width 0.3s 0s; transition: color 0.2s 0.3s, width 0.3s 0s; overflow: hidden; } @media only screen { #stacks_in_1402_2 .cd-modal-action .modal_btn { width: 225px; } } @media only screen and (max-width: 720px) { #stacks_in_1402_2 .cd-modal-action .modal_btn { width: 100%; } } @media only screen and (max-width: 480px) { #stacks_in_1402_2 .cd-modal-action .modal_btn { width: 100%; } } #stacks_in_1402_2 .cd-modal-action .modal_btn i { margin-right: 6px; } #stacks_in_1402_2 .cd-modal-action .modal_btn.to-circle { width: 2.5em; color: transparent !important; -webkit-transition: color 0.2s 0s, width 0.3s 0.2s; -moz-transition: color 0.2s 0s, width 0.3s 0.2s; transition: color 0.2s 0s, width 0.3s 0.2s; } #stacks_in_1402_2 .cd-modal-action .cd-modal-bg { position: absolute; z-index: 300000 !important; left: 50%; top: 0; width: 2.5em; border-radius: 50%; opacity: 0; visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateX(-2em); -moz-transform: translateX(-2em); -ms-transform: translateX(-2em); -o-transform: translateX(-2em); transform: translateX(-2em); -webkit-transition: visibility 0s 0.5s; -moz-transition: visibility 0s 0.5s; transition: visibility 0s 0.5s; } #stacks_in_1402_2 .cd-modal-action .cd-modal-bg.is-visible { opacity: 1; visibility: visible; } #stacks_in_1402_2 .cd-modal-close { position: fixed; z-index: 9999999 !important; top: 20px; right: 20px; display: block; height: 50px; width: 50px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.3); background-image: url(../files/cd-icon-close.png); background-repeat: no-repeat; background-position: center center; /* image replacement */ overflow: hidden; text-indent: 100%; white-space: nowrap; visibility: hidden; opacity: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; transition: transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; } #stacks_in_1402_2 .no-touch .cd-modal-close:hover { background-color: rgba(0, 0, 0, 0.5); } #stacks_in_1402_2 .modal-is-visible .cd-modal-close { visibility: visible; opacity: 1; -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; transition: transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } @media only screen and (min-width: 768px) { #stacks_in_1402_2 .cd-modal-close { top: 40px; right: 40px; } } #stacks_in_1402_2 .cd-modal-action a, #stacks_in_1402_2 .cd-modal-action a:visited, #stacks_in_1402_2 .cd-modal-action a:hover, #stacks_in_1402_2 .cd-modal-action a:active { color: #FFFFFF !important; text-decoration: none; } /* Font Selections */ #stacks_in_1402_2 .cd-modal-action .modal_btn { } #stacks_in_1402_2 { margin: 10px 0px 10px 0px; } #stacks_out_1402_2 { width: 48%; margin-left:0; } /* Start Print This 2 stack CSS code */ .stacks_in_1402_3PrintThisOuter{ background-color: #FFFFFF; padding: 15px; border: 1px dashed #CCCCCC; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .stacks_in_1402_3PrintThis2{ position: relative; } @font-face { font-family: "doo_fontsregular"; src: url('../files/printthis2Assets/font/doo_print-webfont.eot'); src: url('../files/printthis2Assets/font/doo_print-webfont.eot?#iefix') format('eot'), url('../files/printthis2Assets/font/doo_print-webfont.woff') format('woff'), url('../files/printthis2Assets/font/doo_print-webfont.ttf') format('truetype'), url('../files/printthis2Assets/font/doo_print-webfont.svg#doo_fontsregular') format('svg'); font-weight: normal; font-style: normal; } .stacks_in_1402_3PrintThisButton{ float: right; font-family: "doo_fontsregular"; font-size: 24px; line-height: 24px; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; color: #000000; cursor:pointer; } .stacks_in_1402_3PrintThisButton:hover{ color: #3C3C3C; } .stacks_in_1402_3clearer{ clear: both; height: 1px; padding: 0; margin: 0; } /* End Print This 2 stack CSS code */ #stacks_in_1402_7 h1,#stacks_in_1402_7 h1 a,#stacks_in_1402_7 p,#stacks_in_1402_7 p a{ font-size:15px; line-height:1.39em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_1402_7 h1,#stacks_in_1402_7 h1 a,#stacks_in_1402_7 p,#stacks_in_1402_7 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_1402_7 h1,#stacks_in_1402_7 h1 a,#stacks_in_1402_7 p,#stacks_in_1402_7 p a{ font-size:12px; } } #stacks_in_1402_7 h1,#stacks_in_1402_7 h1 a,#stacks_in_1402_7 p,#stacks_in_1402_7 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_1402_7 p a:hover, #stacks_in_1402_7 h1 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_out_1402_7 { margin-right:0; } #stacks_in_1403 h3,#stacks_in_1403 h3 a,#stacks_in_1403 p,#stacks_in_1403 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_1403 h3,#stacks_in_1403 h3 a,#stacks_in_1403 p,#stacks_in_1403 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_1403 h3,#stacks_in_1403 h3 a,#stacks_in_1403 p,#stacks_in_1403 p a{ font-size:13px; } } #stacks_in_1403 h3,#stacks_in_1403 h3 a,#stacks_in_1403 p,#stacks_in_1403 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_1403 p a:hover, #stacks_in_1403 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_1403 { margin: 10px; } #stacks_out_1403 { margin-right:0; } /* -- Start Swell Each css Template -- */ #stacks_in_1405{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_1405swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_1405swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_1405swell{ max-width: 800px; } .stacks_in_1405swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_1405swell-with-zoom .mfp-container,.stacks_in_1405swell-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 198.000015ms ease-out; -moz-transition: all 198.000015ms ease-out; -o-transition: all 198.000015ms ease-out; transition: all 198.000015ms ease-out; } .stacks_in_1405swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_1405swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_1405swell-with-zoom.mfp-removing .mfp-container,.stacks_in_1405swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_1405 .swellzoomeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_1405 .swellshrinkeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_1405 .swellcircleeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #stacks_in_1405 .swellthreedeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media all and (min-width: 480px) { #stacks_in_1405 .swellzoomeffect img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } #stacks_in_1405 .swellshrinkeffect img:hover{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9); } #stacks_in_1405 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_1405 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_1405 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_1405 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_1405 .swellthreedeffect:hover{ box-shadow: 1px 1px rgba(242, 88, 95, 1.00), 2px 2px rgba(242, 88, 95, 1.00), 3px 3px rgba(242, 88, 95, 1.00); -webkit-transform: translateX(-3px); transform: translateX(-3px); } } /* -- End Swell Each css Template -- */ #stacks_in_1405 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #stacks_out_1405 { width: 60%; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_1407, #stacks_in_1407 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_1407 { padding: 20px 0px !important; } #press_alignment_stacks_in_1407 { width: 100%; } #press_alignment_stacks_in_1407.press-left { text-align: left; } #press_alignment_stacks_in_1407.press-center { text-align: center; } #press_alignment_stacks_in_1407.press-right { text-align: right; } #stacks_in_1407 { transition: all 200ms ease; /* */ /* */ /* */ background: #0A4D28; background: -webkit-gradient(linear, left top, left bottom, from(to top), color-stop(#0A4D28), to(#52A37C)); background: linear-gradient(to top, #0A4D28, #52A37C); /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 20px 0px 20px 20px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_1407:hover { /* */ /* */ /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_1407:hover .press-icon i { /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_1407:active { /* */ /* */ /* */ /* */ color: rgba(204, 0, 0, 1.00); /* */ } #stacks_in_1407:active .press-icon i { /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_1407 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 10px 20px 10px 20px; border-radius: 0px 0px 0px 0px; /* */ /* */ /* */ background: #0A4D28; background: -webkit-gradient(linear, left top, left bottom, from(to bottom left), color-stop(#0A4D28), to(#52A37C)); background: linear-gradient(to bottom left, #0A4D28, #52A37C); /* */ /* */ /* */ /* */ /* */ margin-left: 7px; /* */ /* */ } #stacks_in_1407 .press-icon i { font-size: 20px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_1407 .press-text { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 15px; padding: 10px 10px 10px 10px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 18px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_1407 .press-text .out { margin: 0 !important; } #stacks_in_1407 { font-size: 15px; line-height: 18px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } #flex-item-stacks_in_7616 .flex-grid-item-stacks_in_7582 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_7616 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_7616 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 .flex-item-content-inner-stacks_in_7582 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7616 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_7616 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7616 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7616 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7616.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7616.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7616.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_1356 h3,#stacks_in_1356 h3 a,#stacks_in_1356 p,#stacks_in_1356 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_1356 h3,#stacks_in_1356 h3 a,#stacks_in_1356 p,#stacks_in_1356 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_1356 h3,#stacks_in_1356 h3 a,#stacks_in_1356 p,#stacks_in_1356 p a{ font-size:13px; } } #stacks_in_1356 h3,#stacks_in_1356 h3 a,#stacks_in_1356 p,#stacks_in_1356 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_1356 p a:hover, #stacks_in_1356 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_1356 { margin: 10px; } #stacks_out_1356 { margin-right:0; } /* ********* */ /* Normalize */ /* ********* */ /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ #stacks_in_1279_1 article, #stacks_in_1279_1 aside, #stacks_in_1279_1 details, #stacks_in_1279_1 figcaption, #stacks_in_1279_1 figure, #stacks_in_1279_1 footer, #stacks_in_1279_1 header, #stacks_in_1279_1 hgroup, #stacks_in_1279_1 main, #stacks_in_1279_1 nav, #stacks_in_1279_1 section, #stacks_in_1279_1 summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ #stacks_in_1279_1 audio, #stacks_in_1279_1 canvas, #stacks_in_1279_1 progress, #stacks_in_1279_1 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ #stacks_in_1279_1 audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ #stacks_in_1279_1 [hidden], #stacks_in_1279_1 template { display: none; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ #stacks_in_1279_1 img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ #stacks_in_1279_1 svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address differences between Firefox and other browsers. */ #stacks_in_1279_1 hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ #stacks_in_1279_1 pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ #stacks_in_1279_1 code, #stacks_in_1279_1 kbd, #stacks_in_1279_1 pre, #stacks_in_1279_1 samp { font-family: monospace, monospace; font-size: 1em; } /* **************** */ /* Stack Specific */ /* **************** */ %[if ]% %[if edit]% #stacks_in_1279_1 { background-image: url(../files/images/preview_numbers_background.png), url(../files/images/preview_striped_background.png); background-repeat: no-repeat, repeat-y; background-size: 100%, 100%; background-position: center top, center 100px; border-radius: 4px; padding-top: 75px; padding-bottom: 25px; border: 1px solid #e9e9e9; } %[endif]% %[endif]% #stacks_in_1279_1 *, #stacks_in_1279_1 *:before, #stacks_in_1279_1 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } %[if !edit]% #stacks_in_1279_1 .wow { visibility: hidden; } %[endif]% #stacks_in_1279_1>ul li { padding-bottom: 0 !important; } /* iPhone aka SMALL */ @media only screen { #stacks_in_1279_1>ul>li { margin-bottom: px; } } %[if ]% /* iPad aka MEDIUM */ @media only screen and (min-width: 40.063em) { #stacks_in_1279_1>ul>li { margin-bottom: px; } } %[endif]% %[if ]% /* Desktop aka LARGE */ @media only screen and (min-width: 64.063em) { #stacks_in_1279_1>ul>li { margin-bottom: px; } } %[endif]% /* **************** */ /* Foundation START */ /* **************** */ /* Copyright (c) 2013-2014 ZURB, inc. MIT License 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. */ #stacks_in_1279_1 meta.foundation-version { font-family: "/5.3.1/"; } #stacks_in_1279_1 meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } #stacks_in_1279_1 meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } #stacks_in_1279_1 meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } #stacks_in_1279_1 meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } #stacks_in_1279_1 meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } #stacks_in_1279_1 meta.foundation-data-attribute-namespace { font-family: false; } #stacks_in_1279_1 *, #stacks_in_1279_1 *:before, #stacks_in_1279_1 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_1279_1 .left { float: left !important; } #stacks_in_1279_1 .right { float: right !important; } #stacks_in_1279_1 .clearfix:before, #stacks_in_1279_1 .clearfix:after { content: " "; display: table; } #stacks_in_1279_1 .clearfix:after { clear: both; } #stacks_in_1279_1 .hide { display: none; } #stacks_in_1279_1 .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_1279_1 img { display: inline-block; vertical-align: middle; } #stacks_in_1279_1 textarea { height: auto; min-height: 50px; } #stacks_in_1279_1 select { width: 100%; } #stacks_in_1279_1 .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } #stacks_in_1279_1 .row { max-width: 62.5em; } #stacks_in_1279_1 .row:before, #stacks_in_1279_1 .row:after { content: " "; display: table; } #stacks_in_1279_1 .row:after { clear: both; } #stacks_in_1279_1 .row.collapse > .column, #stacks_in_1279_1 .row.collapse > .columns { padding-left: 0; padding-right: 0; } #stacks_in_1279_1 .row.collapse .row { margin-left: 0; margin-right: 0; } #stacks_in_1279_1 .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; } #stacks_in_1279_1 .row .row:before, #stacks_in_1279_1 .row .row:after { content: " "; display: table; } #stacks_in_1279_1 .row .row:after { clear: both; } #stacks_in_1279_1 .row .row.collapse { width: auto; margin: 0; max-width: none; } #stacks_in_1279_1 .row .row.collapse:before, #stacks_in_1279_1 .row .row.collapse:after { content: " "; display: table; } #stacks_in_1279_1 .row .row.collapse:after { clear: both; } #stacks_in_1279_1 .column, #stacks_in_1279_1 .columns { padding-left: 0.9375em; padding-right: 0.9375em; width: 100%; float: left; } #stacks_in_1279_1 [class*="column"] + [class*="column"]:last-child { float: right; } #stacks_in_1279_1 [class*="column"] + [class*="column"].end { float: left; } @media only screen { #stacks_in_1279_1 .small-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1279_1 .small-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1279_1 .small-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1279_1 .small-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1279_1 .small-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1279_1 .small-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1279_1 .small-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1279_1 .small-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1279_1 .small-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1279_1 .small-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1279_1 .small-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1279_1 .small-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1279_1 .small-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1279_1 .small-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1279_1 .small-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1279_1 .small-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1279_1 .small-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1279_1 .small-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1279_1 .small-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1279_1 .small-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1279_1 .small-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1279_1 .small-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1279_1 .small-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1279_1 .small-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_1279_1 .column, #stacks_in_1279_1 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_1279_1 .small-1 { width: 8.33333%; } #stacks_in_1279_1 .small-2 { width: 16.66667%; } #stacks_in_1279_1 .small-3 { width: 25%; } #stacks_in_1279_1 .small-4 { width: 33.33333%; } #stacks_in_1279_1 .small-5 { width: 41.66667%; } #stacks_in_1279_1 .small-6 { width: 50%; } #stacks_in_1279_1 .small-7 { width: 58.33333%; } #stacks_in_1279_1 .small-8 { width: 66.66667%; } #stacks_in_1279_1 .small-9 { width: 75%; } #stacks_in_1279_1 .small-10 { width: 83.33333%; } #stacks_in_1279_1 .small-11 { width: 91.66667%; } #stacks_in_1279_1 .small-12 { width: 100%; } #stacks_in_1279_1 .small-offset-0 { margin-left: 0% !important; } #stacks_in_1279_1 .small-offset-1 { margin-left: 8.33333% !important; } #stacks_in_1279_1 .small-offset-2 { margin-left: 16.66667% !important; } #stacks_in_1279_1 .small-offset-3 { margin-left: 25% !important; } #stacks_in_1279_1 .small-offset-4 { margin-left: 33.33333% !important; } #stacks_in_1279_1 .small-offset-5 { margin-left: 41.66667% !important; } #stacks_in_1279_1 .small-offset-6 { margin-left: 50% !important; } #stacks_in_1279_1 .small-offset-7 { margin-left: 58.33333% !important; } #stacks_in_1279_1 .small-offset-8 { margin-left: 66.66667% !important; } #stacks_in_1279_1 .small-offset-9 { margin-left: 75% !important; } #stacks_in_1279_1 .small-offset-10 { margin-left: 83.33333% !important; } #stacks_in_1279_1 .small-offset-11 { margin-left: 91.66667% !important; } #stacks_in_1279_1 .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_1279_1 .column.small-centered, #stacks_in_1279_1 .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_1279_1 .column.small-uncentered, #stacks_in_1279_1 .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_1279_1 .column.small-centered:last-child, #stacks_in_1279_1 .columns.small-centered:last-child { float: none; } #stacks_in_1279_1 .column.small-uncentered:last-child, #stacks_in_1279_1 .columns.small-uncentered:last-child { float: left; } #stacks_in_1279_1 .column.small-uncentered.opposite, #stacks_in_1279_1 .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 40.063em) { #stacks_in_1279_1 .medium-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1279_1 .medium-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1279_1 .medium-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1279_1 .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1279_1 .medium-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1279_1 .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1279_1 .medium-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1279_1 .medium-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1279_1 .medium-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1279_1 .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1279_1 .medium-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1279_1 .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1279_1 .medium-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1279_1 .medium-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1279_1 .medium-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1279_1 .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1279_1 .medium-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1279_1 .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1279_1 .medium-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1279_1 .medium-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1279_1 .medium-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1279_1 .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1279_1 .medium-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1279_1 .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_1279_1 .column, #stacks_in_1279_1 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_1279_1 .medium-1 { width: 8.33333%; } #stacks_in_1279_1 .medium-2 { width: 16.66667%; } #stacks_in_1279_1 .medium-3 { width: 25%; } #stacks_in_1279_1 .medium-4 { width: 33.33333%; } #stacks_in_1279_1 .medium-5 { width: 41.66667%; } #stacks_in_1279_1 .medium-6 { width: 50%; } #stacks_in_1279_1 .medium-7 { width: 58.33333%; } #stacks_in_1279_1 .medium-8 { width: 66.66667%; } #stacks_in_1279_1 .medium-9 { width: 75%; } #stacks_in_1279_1 .medium-10 { width: 83.33333%; } #stacks_in_1279_1 .medium-11 { width: 91.66667%; } #stacks_in_1279_1 .medium-12 { width: 100%; } #stacks_in_1279_1 .medium-offset-0 { margin-left: 0% !important; } #stacks_in_1279_1 .medium-offset-1 { margin-left: 8.33333% !important; } #stacks_in_1279_1 .medium-offset-2 { margin-left: 16.66667% !important; } #stacks_in_1279_1 .medium-offset-3 { margin-left: 25% !important; } #stacks_in_1279_1 .medium-offset-4 { margin-left: 33.33333% !important; } #stacks_in_1279_1 .medium-offset-5 { margin-left: 41.66667% !important; } #stacks_in_1279_1 .medium-offset-6 { margin-left: 50% !important; } #stacks_in_1279_1 .medium-offset-7 { margin-left: 58.33333% !important; } #stacks_in_1279_1 .medium-offset-8 { margin-left: 66.66667% !important; } #stacks_in_1279_1 .medium-offset-9 { margin-left: 75% !important; } #stacks_in_1279_1 .medium-offset-10 { margin-left: 83.33333% !important; } #stacks_in_1279_1 .medium-offset-11 { margin-left: 91.66667% !important; } #stacks_in_1279_1 .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_1279_1 .column.medium-centered, #stacks_in_1279_1 .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_1279_1 .column.medium-uncentered, #stacks_in_1279_1 .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_1279_1 .column.medium-centered:last-child, #stacks_in_1279_1 .columns.medium-centered:last-child { float: none; } #stacks_in_1279_1 .column.medium-uncentered:last-child, #stacks_in_1279_1 .columns.medium-uncentered:last-child { float: left; } #stacks_in_1279_1 .column.medium-uncentered.opposite, #stacks_in_1279_1 .columns.medium-uncentered.opposite { float: right; } #stacks_in_1279_1 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1279_1 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1279_1 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1279_1 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1279_1 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1279_1 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1279_1 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1279_1 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1279_1 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1279_1 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1279_1 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1279_1 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1279_1 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1279_1 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1279_1 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1279_1 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1279_1 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1279_1 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1279_1 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1279_1 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1279_1 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1279_1 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1279_1 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1279_1 .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { #stacks_in_1279_1 .large-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1279_1 .large-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1279_1 .large-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1279_1 .large-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1279_1 .large-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1279_1 .large-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1279_1 .large-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1279_1 .large-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1279_1 .large-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1279_1 .large-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1279_1 .large-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1279_1 .large-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1279_1 .large-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1279_1 .large-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1279_1 .large-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1279_1 .large-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1279_1 .large-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1279_1 .large-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1279_1 .large-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1279_1 .large-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1279_1 .large-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1279_1 .large-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1279_1 .large-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1279_1 .large-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_1279_1 .column, #stacks_in_1279_1 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_1279_1 .large-1 { width: 8.33333%; } #stacks_in_1279_1 .large-2 { width: 16.66667%; } #stacks_in_1279_1 .large-3 { width: 25%; } #stacks_in_1279_1 .large-4 { width: 33.33333%; } #stacks_in_1279_1 .large-5 { width: 41.66667%; } #stacks_in_1279_1 .large-6 { width: 50%; } #stacks_in_1279_1 .large-7 { width: 58.33333%; } #stacks_in_1279_1 .large-8 { width: 66.66667%; } #stacks_in_1279_1 .large-9 { width: 75%; } #stacks_in_1279_1 .large-10 { width: 83.33333%; } #stacks_in_1279_1 .large-11 { width: 91.66667%; } #stacks_in_1279_1 .large-12 { width: 100%; } #stacks_in_1279_1 .large-offset-0 { margin-left: 0% !important; } #stacks_in_1279_1 .large-offset-1 { margin-left: 8.33333% !important; } #stacks_in_1279_1 .large-offset-2 { margin-left: 16.66667% !important; } #stacks_in_1279_1 .large-offset-3 { margin-left: 25% !important; } #stacks_in_1279_1 .large-offset-4 { margin-left: 33.33333% !important; } #stacks_in_1279_1 .large-offset-5 { margin-left: 41.66667% !important; } #stacks_in_1279_1 .large-offset-6 { margin-left: 50% !important; } #stacks_in_1279_1 .large-offset-7 { margin-left: 58.33333% !important; } #stacks_in_1279_1 .large-offset-8 { margin-left: 66.66667% !important; } #stacks_in_1279_1 .large-offset-9 { margin-left: 75% !important; } #stacks_in_1279_1 .large-offset-10 { margin-left: 83.33333% !important; } #stacks_in_1279_1 .large-offset-11 { margin-left: 91.66667% !important; } #stacks_in_1279_1 .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_1279_1 .column.large-centered, #stacks_in_1279_1 .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_1279_1 .column.large-uncentered, #stacks_in_1279_1 .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_1279_1 .column.large-centered:last-child, #stacks_in_1279_1 .columns.large-centered:last-child { float: none; } #stacks_in_1279_1 .column.large-uncentered:last-child, #stacks_in_1279_1 .columns.large-uncentered:last-child { float: left; } #stacks_in_1279_1 .column.large-uncentered.opposite, #stacks_in_1279_1 .columns.large-uncentered.opposite { float: right; } #stacks_in_1279_1 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1279_1 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1279_1 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1279_1 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1279_1 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1279_1 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1279_1 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1279_1 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1279_1 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1279_1 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1279_1 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1279_1 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1279_1 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1279_1 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1279_1 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1279_1 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1279_1 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1279_1 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1279_1 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1279_1 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1279_1 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1279_1 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1279_1 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1279_1 .pull-11 { position: relative; right: 91.66667%; left: auto; } } #stacks_in_1279_1 [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } #stacks_in_1279_1 [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } #stacks_in_1279_1 [class*="block-grid-"]:after { clear: both; } #stacks_in_1279_1 [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { #stacks_in_1279_1 .small-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_1279_1 .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_1279_1 .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_1279_1 .small-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_1279_1 .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_1279_1 .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_1279_1 .small-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_1279_1 .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_1279_1 .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_1279_1 .small-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_1279_1 .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_1279_1 .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_1279_1 .small-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_1279_1 .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_1279_1 .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_1279_1 .small-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_1279_1 .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_1279_1 .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_1279_1 .small-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_1279_1 .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_1279_1 .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_1279_1 .small-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_1279_1 .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_1279_1 .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_1279_1 .small-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_1279_1 .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_1279_1 .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_1279_1 .small-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_1279_1 .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_1279_1 .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_1279_1 .small-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_1279_1 .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_1279_1 .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_1279_1 .small-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_1279_1 .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_1279_1 .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { #stacks_in_1279_1 .medium-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_1279_1 .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_1279_1 .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_1279_1 .medium-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_1279_1 .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_1279_1 .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_1279_1 .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_1279_1 .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_1279_1 .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_1279_1 .medium-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_1279_1 .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_1279_1 .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_1279_1 .medium-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_1279_1 .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_1279_1 .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_1279_1 .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_1279_1 .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_1279_1 .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_1279_1 .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_1279_1 .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_1279_1 .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_1279_1 .medium-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_1279_1 .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_1279_1 .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_1279_1 .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_1279_1 .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_1279_1 .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_1279_1 .medium-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_1279_1 .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_1279_1 .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_1279_1 .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_1279_1 .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_1279_1 .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_1279_1 .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_1279_1 .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_1279_1 .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { #stacks_in_1279_1 .large-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_1279_1 .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_1279_1 .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_1279_1 .large-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_1279_1 .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_1279_1 .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_1279_1 .large-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_1279_1 .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_1279_1 .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_1279_1 .large-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_1279_1 .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_1279_1 .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_1279_1 .large-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_1279_1 .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_1279_1 .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_1279_1 .large-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_1279_1 .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_1279_1 .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_1279_1 .large-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_1279_1 .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_1279_1 .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_1279_1 .large-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_1279_1 .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_1279_1 .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_1279_1 .large-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_1279_1 .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_1279_1 .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_1279_1 .large-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_1279_1 .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_1279_1 .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_1279_1 .large-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_1279_1 .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_1279_1 .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_1279_1 .large-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_1279_1 .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_1279_1 .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } /* Visibility CSS - Foundation */ /* small displays */ @media only screen { #stacks_in_1279_1 .show-for-small-only, #stacks_in_1279_1 .show-for-small-up, #stacks_in_1279_1 .show-for-small, #stacks_in_1279_1 .show-for-small-down, #stacks_in_1279_1 .hide-for-medium-only, #stacks_in_1279_1 .hide-for-medium-up, #stacks_in_1279_1 .hide-for-medium, #stacks_in_1279_1 .show-for-medium-down, #stacks_in_1279_1 .hide-for-large-only, #stacks_in_1279_1 .hide-for-large-up, #stacks_in_1279_1 .hide-for-large, #stacks_in_1279_1 .show-for-large-down, #stacks_in_1279_1 .hide-for-xlarge-only, #stacks_in_1279_1 .hide-for-xlarge-up, #stacks_in_1279_1 .hide-for-xxlarge-only, #stacks_in_1279_1 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_1279_1 .hide-for-small-only, #stacks_in_1279_1 .hide-for-small-up, #stacks_in_1279_1 .hide-for-small, #stacks_in_1279_1 .hide-for-small-down, #stacks_in_1279_1 .show-for-medium-only, #stacks_in_1279_1 .show-for-medium-up, #stacks_in_1279_1 .show-for-medium, #stacks_in_1279_1 .hide-for-medium-down, #stacks_in_1279_1 .show-for-large-only, #stacks_in_1279_1 .show-for-large-up, #stacks_in_1279_1 .show-for-large, #stacks_in_1279_1 .hide-for-large-down, #stacks_in_1279_1 .show-for-xlarge-only, #stacks_in_1279_1 .show-for-xlarge-up, #stacks_in_1279_1 .show-for-xxlarge-only, #stacks_in_1279_1 .show-for-xxlarge-up { display: none !important; } #stacks_in_1279_1 .visible-for-small-only, #stacks_in_1279_1 .visible-for-small-up, #stacks_in_1279_1 .visible-for-small, #stacks_in_1279_1 .visible-for-small-down, #stacks_in_1279_1 .hidden-for-medium-only, #stacks_in_1279_1 .hidden-for-medium-up, #stacks_in_1279_1 .hidden-for-medium, #stacks_in_1279_1 .visible-for-medium-down, #stacks_in_1279_1 .hidden-for-large-only, #stacks_in_1279_1 .hidden-for-large-up, #stacks_in_1279_1 .hidden-for-large, #stacks_in_1279_1 .visible-for-large-down, #stacks_in_1279_1 .hidden-for-xlarge-only, #stacks_in_1279_1 .hidden-for-xlarge-up, #stacks_in_1279_1 .hidden-for-xxlarge-only, #stacks_in_1279_1 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1279_1 .hidden-for-small-only, #stacks_in_1279_1 .hidden-for-small-up, #stacks_in_1279_1 .hidden-for-small, #stacks_in_1279_1 .hidden-for-small-down, #stacks_in_1279_1 .visible-for-medium-only, #stacks_in_1279_1 .visible-for-medium-up, #stacks_in_1279_1 .visible-for-medium, #stacks_in_1279_1 .hidden-for-medium-down, #stacks_in_1279_1 .visible-for-large-only, #stacks_in_1279_1 .visible-for-large-up, #stacks_in_1279_1 .visible-for-large, #stacks_in_1279_1 .hidden-for-large-down, #stacks_in_1279_1 .visible-for-xlarge-only, #stacks_in_1279_1 .visible-for-xlarge-up, #stacks_in_1279_1 .visible-for-xxlarge-only, #stacks_in_1279_1 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1279_1 table.show-for-small-only, #stacks_in_1279_1 table.show-for-small-up, #stacks_in_1279_1 table.show-for-small, #stacks_in_1279_1 table.show-for-small-down, #stacks_in_1279_1 table.hide-for-medium-only, #stacks_in_1279_1 table.hide-for-medium-up, #stacks_in_1279_1 table.hide-for-medium, #stacks_in_1279_1 table.show-for-medium-down, #stacks_in_1279_1 table.hide-for-large-only, #stacks_in_1279_1 table.hide-for-large-up, #stacks_in_1279_1 table.hide-for-large, #stacks_in_1279_1 table.show-for-large-down, #stacks_in_1279_1 table.hide-for-xlarge-only, #stacks_in_1279_1 table.hide-for-xlarge-up, #stacks_in_1279_1 table.hide-for-xxlarge-only, #stacks_in_1279_1 table.hide-for-xxlarge-up { display: table; } #stacks_in_1279_1 thead.show-for-small-only, #stacks_in_1279_1 thead.show-for-small-up, #stacks_in_1279_1 thead.show-for-small, #stacks_in_1279_1 thead.show-for-small-down, #stacks_in_1279_1 thead.hide-for-medium-only, #stacks_in_1279_1 thead.hide-for-medium-up, #stacks_in_1279_1 thead.hide-for-medium, #stacks_in_1279_1 thead.show-for-medium-down, #stacks_in_1279_1 thead.hide-for-large-only, #stacks_in_1279_1 thead.hide-for-large-up, #stacks_in_1279_1 thead.hide-for-large, #stacks_in_1279_1 thead.show-for-large-down, #stacks_in_1279_1 thead.hide-for-xlarge-only, #stacks_in_1279_1 thead.hide-for-xlarge-up, #stacks_in_1279_1 thead.hide-for-xxlarge-only, #stacks_in_1279_1 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1279_1 tbody.show-for-small-only, #stacks_in_1279_1 tbody.show-for-small-up, #stacks_in_1279_1 tbody.show-for-small, #stacks_in_1279_1 tbody.show-for-small-down, #stacks_in_1279_1 tbody.hide-for-medium-only, #stacks_in_1279_1 tbody.hide-for-medium-up, #stacks_in_1279_1 tbody.hide-for-medium, #stacks_in_1279_1 tbody.show-for-medium-down, #stacks_in_1279_1 tbody.hide-for-large-only, #stacks_in_1279_1 tbody.hide-for-large-up, #stacks_in_1279_1 tbody.hide-for-large, #stacks_in_1279_1 tbody.show-for-large-down, #stacks_in_1279_1 tbody.hide-for-xlarge-only, #stacks_in_1279_1 tbody.hide-for-xlarge-up, #stacks_in_1279_1 tbody.hide-for-xxlarge-only, #stacks_in_1279_1 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1279_1 tr.show-for-small-only, #stacks_in_1279_1 tr.show-for-small-up, #stacks_in_1279_1 tr.show-for-small, #stacks_in_1279_1 tr.show-for-small-down, #stacks_in_1279_1 tr.hide-for-medium-only, #stacks_in_1279_1 tr.hide-for-medium-up, #stacks_in_1279_1 tr.hide-for-medium, #stacks_in_1279_1 tr.show-for-medium-down, #stacks_in_1279_1 tr.hide-for-large-only, #stacks_in_1279_1 tr.hide-for-large-up, #stacks_in_1279_1 tr.hide-for-large, #stacks_in_1279_1 tr.show-for-large-down, #stacks_in_1279_1 tr.hide-for-xlarge-only, #stacks_in_1279_1 tr.hide-for-xlarge-up, #stacks_in_1279_1 tr.hide-for-xxlarge-only, #stacks_in_1279_1 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_1279_1 th.show-for-small-only, #stacks_in_1279_1 td.show-for-small-only, #stacks_in_1279_1 th.show-for-small-up, #stacks_in_1279_1 td.show-for-small-up, #stacks_in_1279_1 th.show-for-small, #stacks_in_1279_1 td.show-for-small, #stacks_in_1279_1 th.show-for-small-down, #stacks_in_1279_1 td.show-for-small-down, #stacks_in_1279_1 th.hide-for-medium-only, #stacks_in_1279_1 td.hide-for-medium-only, #stacks_in_1279_1 th.hide-for-medium-up, #stacks_in_1279_1 td.hide-for-medium-up, #stacks_in_1279_1 th.hide-for-medium, #stacks_in_1279_1 td.hide-for-medium, #stacks_in_1279_1 th.show-for-medium-down, #stacks_in_1279_1 td.show-for-medium-down, #stacks_in_1279_1 th.hide-for-large-only, #stacks_in_1279_1 td.hide-for-large-only, #stacks_in_1279_1 th.hide-for-large-up, #stacks_in_1279_1 td.hide-for-large-up, #stacks_in_1279_1 th.hide-for-large, #stacks_in_1279_1 td.hide-for-large, #stacks_in_1279_1 th.show-for-large-down, #stacks_in_1279_1 td.show-for-large-down, #stacks_in_1279_1 th.hide-for-xlarge-only, #stacks_in_1279_1 td.hide-for-xlarge-only, #stacks_in_1279_1 th.hide-for-xlarge-up, #stacks_in_1279_1 td.hide-for-xlarge-up, #stacks_in_1279_1 th.hide-for-xxlarge-only, #stacks_in_1279_1 td.hide-for-xxlarge-only, #stacks_in_1279_1 th.hide-for-xxlarge-up, #stacks_in_1279_1 td.hide-for-xxlarge-up { display: table-cell !important; } } /* medium displays */ @media only screen and (min-width: 40.063em) { #stacks_in_1279_1 .hide-for-small-only, #stacks_in_1279_1 .show-for-small-up, #stacks_in_1279_1 .hide-for-small, #stacks_in_1279_1 .hide-for-small-down, #stacks_in_1279_1 .show-for-medium-only, #stacks_in_1279_1 .show-for-medium-up, #stacks_in_1279_1 .show-for-medium, #stacks_in_1279_1 .show-for-medium-down, #stacks_in_1279_1 .hide-for-large-only, #stacks_in_1279_1 .hide-for-large-up, #stacks_in_1279_1 .hide-for-large, #stacks_in_1279_1 .show-for-large-down, #stacks_in_1279_1 .hide-for-xlarge-only, #stacks_in_1279_1 .hide-for-xlarge-up, #stacks_in_1279_1 .hide-for-xxlarge-only, #stacks_in_1279_1 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_1279_1 .show-for-small-only, #stacks_in_1279_1 .hide-for-small-up, #stacks_in_1279_1 .show-for-small, #stacks_in_1279_1 .show-for-small-down, #stacks_in_1279_1 .hide-for-medium-only, #stacks_in_1279_1 .hide-for-medium-up, #stacks_in_1279_1 .hide-for-medium, #stacks_in_1279_1 .hide-for-medium-down, #stacks_in_1279_1 .show-for-large-only, #stacks_in_1279_1 .show-for-large-up, #stacks_in_1279_1 .show-for-large, #stacks_in_1279_1 .hide-for-large-down, #stacks_in_1279_1 .show-for-xlarge-only, #stacks_in_1279_1 .show-for-xlarge-up, #stacks_in_1279_1 .show-for-xxlarge-only, #stacks_in_1279_1 .show-for-xxlarge-up { display: none !important; } #stacks_in_1279_1 .hidden-for-small-only, #stacks_in_1279_1 .visible-for-small-up, #stacks_in_1279_1 .hidden-for-small, #stacks_in_1279_1 .hidden-for-small-down, #stacks_in_1279_1 .visible-for-medium-only, #stacks_in_1279_1 .visible-for-medium-up, #stacks_in_1279_1 .visible-for-medium, #stacks_in_1279_1 .visible-for-medium-down, #stacks_in_1279_1 .hidden-for-large-only, #stacks_in_1279_1 .hidden-for-large-up, #stacks_in_1279_1 .hidden-for-large, #stacks_in_1279_1 .visible-for-large-down, #stacks_in_1279_1 .hidden-for-xlarge-only, #stacks_in_1279_1 .hidden-for-xlarge-up, #stacks_in_1279_1 .hidden-for-xxlarge-only, #stacks_in_1279_1 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1279_1 .visible-for-small-only, #stacks_in_1279_1 .hidden-for-small-up, #stacks_in_1279_1 .visible-for-small, #stacks_in_1279_1 .visible-for-small-down, #stacks_in_1279_1 .hidden-for-medium-only, #stacks_in_1279_1 .hidden-for-medium-up, #stacks_in_1279_1 .hidden-for-medium, #stacks_in_1279_1 .hidden-for-medium-down, #stacks_in_1279_1 .visible-for-large-only, #stacks_in_1279_1 .visible-for-large-up, #stacks_in_1279_1 .visible-for-large, #stacks_in_1279_1 .hidden-for-large-down, #stacks_in_1279_1 .visible-for-xlarge-only, #stacks_in_1279_1 .visible-for-xlarge-up, #stacks_in_1279_1 .visible-for-xxlarge-only, #stacks_in_1279_1 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1279_1 table.hide-for-small-only, #stacks_in_1279_1 table.show-for-small-up, #stacks_in_1279_1 table.hide-for-small, #stacks_in_1279_1 table.hide-for-small-down, #stacks_in_1279_1 table.show-for-medium-only, #stacks_in_1279_1 table.show-for-medium-up, #stacks_in_1279_1 table.show-for-medium, #stacks_in_1279_1 table.show-for-medium-down, #stacks_in_1279_1 table.hide-for-large-only, #stacks_in_1279_1 table.hide-for-large-up, #stacks_in_1279_1 table.hide-for-large, #stacks_in_1279_1 table.show-for-large-down, #stacks_in_1279_1 table.hide-for-xlarge-only, #stacks_in_1279_1 table.hide-for-xlarge-up, #stacks_in_1279_1 table.hide-for-xxlarge-only, #stacks_in_1279_1 table.hide-for-xxlarge-up { display: table; } #stacks_in_1279_1 thead.hide-for-small-only, #stacks_in_1279_1 thead.show-for-small-up, #stacks_in_1279_1 thead.hide-for-small, #stacks_in_1279_1 thead.hide-for-small-down, #stacks_in_1279_1 thead.show-for-medium-only, #stacks_in_1279_1 thead.show-for-medium-up, #stacks_in_1279_1 thead.show-for-medium, #stacks_in_1279_1 thead.show-for-medium-down, #stacks_in_1279_1 thead.hide-for-large-only, #stacks_in_1279_1 thead.hide-for-large-up, #stacks_in_1279_1 thead.hide-for-large, #stacks_in_1279_1 thead.show-for-large-down, #stacks_in_1279_1 thead.hide-for-xlarge-only, #stacks_in_1279_1 thead.hide-for-xlarge-up, #stacks_in_1279_1 thead.hide-for-xxlarge-only, #stacks_in_1279_1 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1279_1 tbody.hide-for-small-only, #stacks_in_1279_1 tbody.show-for-small-up, #stacks_in_1279_1 tbody.hide-for-small, #stacks_in_1279_1 tbody.hide-for-small-down, #stacks_in_1279_1 tbody.show-for-medium-only, #stacks_in_1279_1 tbody.show-for-medium-up, #stacks_in_1279_1 tbody.show-for-medium, #stacks_in_1279_1 tbody.show-for-medium-down, #stacks_in_1279_1 tbody.hide-for-large-only, #stacks_in_1279_1 tbody.hide-for-large-up, #stacks_in_1279_1 tbody.hide-for-large, #stacks_in_1279_1 tbody.show-for-large-down, #stacks_in_1279_1 tbody.hide-for-xlarge-only, #stacks_in_1279_1 tbody.hide-for-xlarge-up, #stacks_in_1279_1 tbody.hide-for-xxlarge-only, #stacks_in_1279_1 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1279_1 tr.hide-for-small-only, #stacks_in_1279_1 tr.show-for-small-up, #stacks_in_1279_1 tr.hide-for-small, #stacks_in_1279_1 tr.hide-for-small-down, #stacks_in_1279_1 tr.show-for-medium-only, #stacks_in_1279_1 tr.show-for-medium-up, #stacks_in_1279_1 tr.show-for-medium, #stacks_in_1279_1 tr.show-for-medium-down, #stacks_in_1279_1 tr.hide-for-large-only, #stacks_in_1279_1 tr.hide-for-large-up, #stacks_in_1279_1 tr.hide-for-large, #stacks_in_1279_1 tr.show-for-large-down, #stacks_in_1279_1 tr.hide-for-xlarge-only, #stacks_in_1279_1 tr.hide-for-xlarge-up, #stacks_in_1279_1 tr.hide-for-xxlarge-only, #stacks_in_1279_1 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_1279_1 th.hide-for-small-only, #stacks_in_1279_1 td.hide-for-small-only, #stacks_in_1279_1 th.show-for-small-up, #stacks_in_1279_1 td.show-for-small-up, #stacks_in_1279_1 th.hide-for-small, #stacks_in_1279_1 td.hide-for-small, #stacks_in_1279_1 th.hide-for-small-down, #stacks_in_1279_1 td.hide-for-small-down, #stacks_in_1279_1 th.show-for-medium-only, #stacks_in_1279_1 td.show-for-medium-only, #stacks_in_1279_1 th.show-for-medium-up, #stacks_in_1279_1 td.show-for-medium-up, #stacks_in_1279_1 th.show-for-medium, #stacks_in_1279_1 td.show-for-medium, #stacks_in_1279_1 th.show-for-medium-down, #stacks_in_1279_1 td.show-for-medium-down, #stacks_in_1279_1 th.hide-for-large-only, #stacks_in_1279_1 td.hide-for-large-only, #stacks_in_1279_1 th.hide-for-large-up, #stacks_in_1279_1 td.hide-for-large-up, #stacks_in_1279_1 th.hide-for-large, #stacks_in_1279_1 td.hide-for-large, #stacks_in_1279_1 th.show-for-large-down, #stacks_in_1279_1 td.show-for-large-down, #stacks_in_1279_1 th.hide-for-xlarge-only, #stacks_in_1279_1 td.hide-for-xlarge-only, #stacks_in_1279_1 th.hide-for-xlarge-up, #stacks_in_1279_1 td.hide-for-xlarge-up, #stacks_in_1279_1 th.hide-for-xxlarge-only, #stacks_in_1279_1 td.hide-for-xxlarge-only, #stacks_in_1279_1 th.hide-for-xxlarge-up, #stacks_in_1279_1 td.hide-for-xxlarge-up { display: table-cell !important; } } /* large displays */ @media only screen and (min-width: 64.063em) { #stacks_in_1279_1 .hide-for-small-only, #stacks_in_1279_1 .show-for-small-up, #stacks_in_1279_1 .hide-for-small, #stacks_in_1279_1 .hide-for-small-down, #stacks_in_1279_1 .hide-for-medium-only, #stacks_in_1279_1 .show-for-medium-up, #stacks_in_1279_1 .hide-for-medium, #stacks_in_1279_1 .hide-for-medium-down, #stacks_in_1279_1 .show-for-large-only, #stacks_in_1279_1 .show-for-large-up, #stacks_in_1279_1 .show-for-large, #stacks_in_1279_1 .show-for-large-down, #stacks_in_1279_1 .hide-for-xlarge-only, #stacks_in_1279_1 .hide-for-xlarge-up, #stacks_in_1279_1 .hide-for-xxlarge-only, #stacks_in_1279_1 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_1279_1 .show-for-small-only, #stacks_in_1279_1 .hide-for-small-up, #stacks_in_1279_1 .show-for-small, #stacks_in_1279_1 .show-for-small-down, #stacks_in_1279_1 .show-for-medium-only, #stacks_in_1279_1 .hide-for-medium-up, #stacks_in_1279_1 .show-for-medium, #stacks_in_1279_1 .show-for-medium-down, #stacks_in_1279_1 .hide-for-large-only, #stacks_in_1279_1 .hide-for-large-up, #stacks_in_1279_1 .hide-for-large, #stacks_in_1279_1 .hide-for-large-down, #stacks_in_1279_1 .show-for-xlarge-only, #stacks_in_1279_1 .show-for-xlarge-up, #stacks_in_1279_1 .show-for-xxlarge-only, #stacks_in_1279_1 .show-for-xxlarge-up { display: none !important; } #stacks_in_1279_1 .hidden-for-small-only, #stacks_in_1279_1 .visible-for-small-up, #stacks_in_1279_1 .hidden-for-small, #stacks_in_1279_1 .hidden-for-small-down, #stacks_in_1279_1 .hidden-for-medium-only, #stacks_in_1279_1 .visible-for-medium-up, #stacks_in_1279_1 .hidden-for-medium, #stacks_in_1279_1 .hidden-for-medium-down, #stacks_in_1279_1 .visible-for-large-only, #stacks_in_1279_1 .visible-for-large-up, #stacks_in_1279_1 .visible-for-large, #stacks_in_1279_1 .visible-for-large-down, #stacks_in_1279_1 .hidden-for-xlarge-only, #stacks_in_1279_1 .hidden-for-xlarge-up, #stacks_in_1279_1 .hidden-for-xxlarge-only, #stacks_in_1279_1 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1279_1 .visible-for-small-only, #stacks_in_1279_1 .hidden-for-small-up, #stacks_in_1279_1 .visible-for-small, #stacks_in_1279_1 .visible-for-small-down, #stacks_in_1279_1 .visible-for-medium-only, #stacks_in_1279_1 .hidden-for-medium-up, #stacks_in_1279_1 .visible-for-medium, #stacks_in_1279_1 .visible-for-medium-down, #stacks_in_1279_1 .hidden-for-large-only, #stacks_in_1279_1 .hidden-for-large-up, #stacks_in_1279_1 .hidden-for-large, #stacks_in_1279_1 .hidden-for-large-down, #stacks_in_1279_1 .visible-for-xlarge-only, #stacks_in_1279_1 .visible-for-xlarge-up, #stacks_in_1279_1 .visible-for-xxlarge-only, #stacks_in_1279_1 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1279_1 table.hide-for-small-only, #stacks_in_1279_1 table.show-for-small-up, #stacks_in_1279_1 table.hide-for-small, #stacks_in_1279_1 table.hide-for-small-down, #stacks_in_1279_1 table.hide-for-medium-only, #stacks_in_1279_1 table.show-for-medium-up, #stacks_in_1279_1 table.hide-for-medium, #stacks_in_1279_1 table.hide-for-medium-down, #stacks_in_1279_1 table.show-for-large-only, #stacks_in_1279_1 table.show-for-large-up, #stacks_in_1279_1 table.show-for-large, #stacks_in_1279_1 table.show-for-large-down, #stacks_in_1279_1 table.hide-for-xlarge-only, #stacks_in_1279_1 table.hide-for-xlarge-up, #stacks_in_1279_1 table.hide-for-xxlarge-only, #stacks_in_1279_1 table.hide-for-xxlarge-up { display: table; } #stacks_in_1279_1 thead.hide-for-small-only, #stacks_in_1279_1 thead.show-for-small-up, #stacks_in_1279_1 thead.hide-for-small, #stacks_in_1279_1 thead.hide-for-small-down, #stacks_in_1279_1 thead.hide-for-medium-only, #stacks_in_1279_1 thead.show-for-medium-up, #stacks_in_1279_1 thead.hide-for-medium, #stacks_in_1279_1 thead.hide-for-medium-down, #stacks_in_1279_1 thead.show-for-large-only, #stacks_in_1279_1 thead.show-for-large-up, #stacks_in_1279_1 thead.show-for-large, #stacks_in_1279_1 thead.show-for-large-down, #stacks_in_1279_1 thead.hide-for-xlarge-only, #stacks_in_1279_1 thead.hide-for-xlarge-up, #stacks_in_1279_1 thead.hide-for-xxlarge-only, #stacks_in_1279_1 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1279_1 tbody.hide-for-small-only, #stacks_in_1279_1 tbody.show-for-small-up, #stacks_in_1279_1 tbody.hide-for-small, #stacks_in_1279_1 tbody.hide-for-small-down, #stacks_in_1279_1 tbody.hide-for-medium-only, #stacks_in_1279_1 tbody.show-for-medium-up, #stacks_in_1279_1 tbody.hide-for-medium, #stacks_in_1279_1 tbody.hide-for-medium-down, #stacks_in_1279_1 tbody.show-for-large-only, #stacks_in_1279_1 tbody.show-for-large-up, #stacks_in_1279_1 tbody.show-for-large, #stacks_in_1279_1 tbody.show-for-large-down, #stacks_in_1279_1 tbody.hide-for-xlarge-only, #stacks_in_1279_1 tbody.hide-for-xlarge-up, #stacks_in_1279_1 tbody.hide-for-xxlarge-only, #stacks_in_1279_1 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1279_1 tr.hide-for-small-only, #stacks_in_1279_1 tr.show-for-small-up, #stacks_in_1279_1 tr.hide-for-small, #stacks_in_1279_1 tr.hide-for-small-down, #stacks_in_1279_1 tr.hide-for-medium-only, #stacks_in_1279_1 tr.show-for-medium-up, #stacks_in_1279_1 tr.hide-for-medium, #stacks_in_1279_1 tr.hide-for-medium-down, #stacks_in_1279_1 tr.show-for-large-only, #stacks_in_1279_1 tr.show-for-large-up, #stacks_in_1279_1 tr.show-for-large, #stacks_in_1279_1 tr.show-for-large-down, #stacks_in_1279_1 tr.hide-for-xlarge-only, #stacks_in_1279_1 tr.hide-for-xlarge-up, #stacks_in_1279_1 tr.hide-for-xxlarge-only, #stacks_in_1279_1 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_1279_1 th.hide-for-small-only, #stacks_in_1279_1 td.hide-for-small-only, #stacks_in_1279_1 th.show-for-small-up, #stacks_in_1279_1 td.show-for-small-up, #stacks_in_1279_1 th.hide-for-small, #stacks_in_1279_1 td.hide-for-small, #stacks_in_1279_1 th.hide-for-small-down, #stacks_in_1279_1 td.hide-for-small-down, #stacks_in_1279_1 th.hide-for-medium-only, #stacks_in_1279_1 td.hide-for-medium-only, #stacks_in_1279_1 th.show-for-medium-up, #stacks_in_1279_1 td.show-for-medium-up, #stacks_in_1279_1 th.hide-for-medium, #stacks_in_1279_1 td.hide-for-medium, #stacks_in_1279_1 th.hide-for-medium-down, #stacks_in_1279_1 td.hide-for-medium-down, #stacks_in_1279_1 th.show-for-large-only, #stacks_in_1279_1 td.show-for-large-only, #stacks_in_1279_1 th.show-for-large-up, #stacks_in_1279_1 td.show-for-large-up, #stacks_in_1279_1 th.show-for-large, #stacks_in_1279_1 td.show-for-large, #stacks_in_1279_1 th.show-for-large-down, #stacks_in_1279_1 td.show-for-large-down, #stacks_in_1279_1 th.hide-for-xlarge-only, #stacks_in_1279_1 td.hide-for-xlarge-only, #stacks_in_1279_1 th.hide-for-xlarge-up, #stacks_in_1279_1 td.hide-for-xlarge-up, #stacks_in_1279_1 th.hide-for-xxlarge-only, #stacks_in_1279_1 td.hide-for-xxlarge-only, #stacks_in_1279_1 th.hide-for-xxlarge-up, #stacks_in_1279_1 td.hide-for-xxlarge-up { display: table-cell !important; } } /* xlarge displays */ @media only screen and (min-width: 90.063em) { #stacks_in_1279_1 .hide-for-small-only, #stacks_in_1279_1 .show-for-small-up, #stacks_in_1279_1 .hide-for-small, #stacks_in_1279_1 .hide-for-small-down, #stacks_in_1279_1 .hide-for-medium-only, #stacks_in_1279_1 .show-for-medium-up, #stacks_in_1279_1 .hide-for-medium, #stacks_in_1279_1 .hide-for-medium-down, #stacks_in_1279_1 .hide-for-large-only, #stacks_in_1279_1 .show-for-large-up, #stacks_in_1279_1 .hide-for-large, #stacks_in_1279_1 .hide-for-large-down, #stacks_in_1279_1 .show-for-xlarge-only, #stacks_in_1279_1 .show-for-xlarge-up, #stacks_in_1279_1 .hide-for-xxlarge-only, #stacks_in_1279_1 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_1279_1 .show-for-small-only, #stacks_in_1279_1 .hide-for-small-up, #stacks_in_1279_1 .show-for-small, #stacks_in_1279_1 .show-for-small-down, #stacks_in_1279_1 .show-for-medium-only, #stacks_in_1279_1 .hide-for-medium-up, #stacks_in_1279_1 .show-for-medium, #stacks_in_1279_1 .show-for-medium-down, #stacks_in_1279_1 .show-for-large-only, #stacks_in_1279_1 .hide-for-large-up, #stacks_in_1279_1 .show-for-large, #stacks_in_1279_1 .show-for-large-down, #stacks_in_1279_1 .hide-for-xlarge-only, #stacks_in_1279_1 .hide-for-xlarge-up, #stacks_in_1279_1 .show-for-xxlarge-only, #stacks_in_1279_1 .show-for-xxlarge-up { display: none !important; } #stacks_in_1279_1 .hidden-for-small-only, #stacks_in_1279_1 .visible-for-small-up, #stacks_in_1279_1 .hidden-for-small, #stacks_in_1279_1 .hidden-for-small-down, #stacks_in_1279_1 .hidden-for-medium-only, #stacks_in_1279_1 .visible-for-medium-up, #stacks_in_1279_1 .hidden-for-medium, #stacks_in_1279_1 .hidden-for-medium-down, #stacks_in_1279_1 .hidden-for-large-only, #stacks_in_1279_1 .visible-for-large-up, #stacks_in_1279_1 .hidden-for-large, #stacks_in_1279_1 .hidden-for-large-down, #stacks_in_1279_1 .visible-for-xlarge-only, #stacks_in_1279_1 .visible-for-xlarge-up, #stacks_in_1279_1 .hidden-for-xxlarge-only, #stacks_in_1279_1 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1279_1 .visible-for-small-only, #stacks_in_1279_1 .hidden-for-small-up, #stacks_in_1279_1 .visible-for-small, #stacks_in_1279_1 .visible-for-small-down, #stacks_in_1279_1 .visible-for-medium-only, #stacks_in_1279_1 .hidden-for-medium-up, #stacks_in_1279_1 .visible-for-medium, #stacks_in_1279_1 .visible-for-medium-down, #stacks_in_1279_1 .visible-for-large-only, #stacks_in_1279_1 .hidden-for-large-up, #stacks_in_1279_1 .visible-for-large, #stacks_in_1279_1 .visible-for-large-down, #stacks_in_1279_1 .hidden-for-xlarge-only, #stacks_in_1279_1 .hidden-for-xlarge-up, #stacks_in_1279_1 .visible-for-xxlarge-only, #stacks_in_1279_1 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1279_1 table.hide-for-small-only, #stacks_in_1279_1 table.show-for-small-up, #stacks_in_1279_1 table.hide-for-small, #stacks_in_1279_1 table.hide-for-small-down, #stacks_in_1279_1 table.hide-for-medium-only, #stacks_in_1279_1 table.show-for-medium-up, #stacks_in_1279_1 table.hide-for-medium, #stacks_in_1279_1 table.hide-for-medium-down, #stacks_in_1279_1 table.hide-for-large-only, #stacks_in_1279_1 table.show-for-large-up, #stacks_in_1279_1 table.hide-for-large, #stacks_in_1279_1 table.hide-for-large-down, #stacks_in_1279_1 table.show-for-xlarge-only, #stacks_in_1279_1 table.show-for-xlarge-up, #stacks_in_1279_1 table.hide-for-xxlarge-only, #stacks_in_1279_1 table.hide-for-xxlarge-up { display: table; } #stacks_in_1279_1 thead.hide-for-small-only, #stacks_in_1279_1 thead.show-for-small-up, #stacks_in_1279_1 thead.hide-for-small, #stacks_in_1279_1 thead.hide-for-small-down, #stacks_in_1279_1 thead.hide-for-medium-only, #stacks_in_1279_1 thead.show-for-medium-up, #stacks_in_1279_1 thead.hide-for-medium, #stacks_in_1279_1 thead.hide-for-medium-down, #stacks_in_1279_1 thead.hide-for-large-only, #stacks_in_1279_1 thead.show-for-large-up, #stacks_in_1279_1 thead.hide-for-large, #stacks_in_1279_1 thead.hide-for-large-down, #stacks_in_1279_1 thead.show-for-xlarge-only, #stacks_in_1279_1 thead.show-for-xlarge-up, #stacks_in_1279_1 thead.hide-for-xxlarge-only, #stacks_in_1279_1 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1279_1 tbody.hide-for-small-only, #stacks_in_1279_1 tbody.show-for-small-up, #stacks_in_1279_1 tbody.hide-for-small, #stacks_in_1279_1 tbody.hide-for-small-down, #stacks_in_1279_1 tbody.hide-for-medium-only, #stacks_in_1279_1 tbody.show-for-medium-up, #stacks_in_1279_1 tbody.hide-for-medium, #stacks_in_1279_1 tbody.hide-for-medium-down, #stacks_in_1279_1 tbody.hide-for-large-only, #stacks_in_1279_1 tbody.show-for-large-up, #stacks_in_1279_1 tbody.hide-for-large, #stacks_in_1279_1 tbody.hide-for-large-down, #stacks_in_1279_1 tbody.show-for-xlarge-only, #stacks_in_1279_1 tbody.show-for-xlarge-up, #stacks_in_1279_1 tbody.hide-for-xxlarge-only, #stacks_in_1279_1 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1279_1 tr.hide-for-small-only, #stacks_in_1279_1 tr.show-for-small-up, #stacks_in_1279_1 tr.hide-for-small, #stacks_in_1279_1 tr.hide-for-small-down, #stacks_in_1279_1 tr.hide-for-medium-only, #stacks_in_1279_1 tr.show-for-medium-up, #stacks_in_1279_1 tr.hide-for-medium, #stacks_in_1279_1 tr.hide-for-medium-down, #stacks_in_1279_1 tr.hide-for-large-only, #stacks_in_1279_1 tr.show-for-large-up, #stacks_in_1279_1 tr.hide-for-large, #stacks_in_1279_1 tr.hide-for-large-down, #stacks_in_1279_1 tr.show-for-xlarge-only, #stacks_in_1279_1 tr.show-for-xlarge-up, #stacks_in_1279_1 tr.hide-for-xxlarge-only, #stacks_in_1279_1 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_1279_1 th.hide-for-small-only, #stacks_in_1279_1 td.hide-for-small-only, #stacks_in_1279_1 th.show-for-small-up, #stacks_in_1279_1 td.show-for-small-up, #stacks_in_1279_1 th.hide-for-small, #stacks_in_1279_1 td.hide-for-small, #stacks_in_1279_1 th.hide-for-small-down, #stacks_in_1279_1 td.hide-for-small-down, #stacks_in_1279_1 th.hide-for-medium-only, #stacks_in_1279_1 td.hide-for-medium-only, #stacks_in_1279_1 th.show-for-medium-up, #stacks_in_1279_1 td.show-for-medium-up, #stacks_in_1279_1 th.hide-for-medium, #stacks_in_1279_1 td.hide-for-medium, #stacks_in_1279_1 th.hide-for-medium-down, #stacks_in_1279_1 td.hide-for-medium-down, #stacks_in_1279_1 th.hide-for-large-only, #stacks_in_1279_1 td.hide-for-large-only, #stacks_in_1279_1 th.show-for-large-up, #stacks_in_1279_1 td.show-for-large-up, #stacks_in_1279_1 th.hide-for-large, #stacks_in_1279_1 td.hide-for-large, #stacks_in_1279_1 th.hide-for-large-down, #stacks_in_1279_1 td.hide-for-large-down, #stacks_in_1279_1 th.show-for-xlarge-only, #stacks_in_1279_1 td.show-for-xlarge-only, #stacks_in_1279_1 th.show-for-xlarge-up, #stacks_in_1279_1 td.show-for-xlarge-up, #stacks_in_1279_1 th.hide-for-xxlarge-only, #stacks_in_1279_1 td.hide-for-xxlarge-only, #stacks_in_1279_1 th.hide-for-xxlarge-up, #stacks_in_1279_1 td.hide-for-xxlarge-up { display: table-cell !important; } } /* xxlarge displays */ @media only screen and (min-width: 120.063em) { #stacks_in_1279_1 .hide-for-small-only, #stacks_in_1279_1 .show-for-small-up, #stacks_in_1279_1 .hide-for-small, #stacks_in_1279_1 .hide-for-small-down, #stacks_in_1279_1 .hide-for-medium-only, #stacks_in_1279_1 .show-for-medium-up, #stacks_in_1279_1 .hide-for-medium, #stacks_in_1279_1 .hide-for-medium-down, #stacks_in_1279_1 .hide-for-large-only, #stacks_in_1279_1 .show-for-large-up, #stacks_in_1279_1 .hide-for-large, #stacks_in_1279_1 .hide-for-large-down, #stacks_in_1279_1 .hide-for-xlarge-only, #stacks_in_1279_1 .show-for-xlarge-up, #stacks_in_1279_1 .show-for-xxlarge-only, #stacks_in_1279_1 .show-for-xxlarge-up { display: inherit !important; } #stacks_in_1279_1 .show-for-small-only, #stacks_in_1279_1 .hide-for-small-up, #stacks_in_1279_1 .show-for-small, #stacks_in_1279_1 .show-for-small-down, #stacks_in_1279_1 .show-for-medium-only, #stacks_in_1279_1 .hide-for-medium-up, #stacks_in_1279_1 .show-for-medium, #stacks_in_1279_1 .show-for-medium-down, #stacks_in_1279_1 .show-for-large-only, #stacks_in_1279_1 .hide-for-large-up, #stacks_in_1279_1 .show-for-large, #stacks_in_1279_1 .show-for-large-down, #stacks_in_1279_1 .show-for-xlarge-only, #stacks_in_1279_1 .hide-for-xlarge-up, #stacks_in_1279_1 .hide-for-xxlarge-only, #stacks_in_1279_1 .hide-for-xxlarge-up { display: none !important; } #stacks_in_1279_1 .hidden-for-small-only, #stacks_in_1279_1 .visible-for-small-up, #stacks_in_1279_1 .hidden-for-small, #stacks_in_1279_1 .hidden-for-small-down, #stacks_in_1279_1 .hidden-for-medium-only, #stacks_in_1279_1 .visible-for-medium-up, #stacks_in_1279_1 .hidden-for-medium, #stacks_in_1279_1 .hidden-for-medium-down, #stacks_in_1279_1 .hidden-for-large-only, #stacks_in_1279_1 .visible-for-large-up, #stacks_in_1279_1 .hidden-for-large, #stacks_in_1279_1 .hidden-for-large-down, #stacks_in_1279_1 .hidden-for-xlarge-only, #stacks_in_1279_1 .visible-for-xlarge-up, #stacks_in_1279_1 .visible-for-xxlarge-only, #stacks_in_1279_1 .visible-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1279_1 .visible-for-small-only, #stacks_in_1279_1 .hidden-for-small-up, #stacks_in_1279_1 .visible-for-small, #stacks_in_1279_1 .visible-for-small-down, #stacks_in_1279_1 .visible-for-medium-only, #stacks_in_1279_1 .hidden-for-medium-up, #stacks_in_1279_1 .visible-for-medium, #stacks_in_1279_1 .visible-for-medium-down, #stacks_in_1279_1 .visible-for-large-only, #stacks_in_1279_1 .hidden-for-large-up, #stacks_in_1279_1 .visible-for-large, #stacks_in_1279_1 .visible-for-large-down, #stacks_in_1279_1 .visible-for-xlarge-only, #stacks_in_1279_1 .hidden-for-xlarge-up, #stacks_in_1279_1 .hidden-for-xxlarge-only, #stacks_in_1279_1 .hidden-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1279_1 table.hide-for-small-only, #stacks_in_1279_1 table.show-for-small-up, #stacks_in_1279_1 table.hide-for-small, #stacks_in_1279_1 table.hide-for-small-down, #stacks_in_1279_1 table.hide-for-medium-only, #stacks_in_1279_1 table.show-for-medium-up, #stacks_in_1279_1 table.hide-for-medium, #stacks_in_1279_1 table.hide-for-medium-down, #stacks_in_1279_1 table.hide-for-large-only, #stacks_in_1279_1 table.show-for-large-up, #stacks_in_1279_1 table.hide-for-large, #stacks_in_1279_1 table.hide-for-large-down, #stacks_in_1279_1 table.hide-for-xlarge-only, #stacks_in_1279_1 table.show-for-xlarge-up, #stacks_in_1279_1 table.show-for-xxlarge-only, #stacks_in_1279_1 table.show-for-xxlarge-up { display: table; } #stacks_in_1279_1 thead.hide-for-small-only, #stacks_in_1279_1 thead.show-for-small-up, #stacks_in_1279_1 thead.hide-for-small, #stacks_in_1279_1 thead.hide-for-small-down, #stacks_in_1279_1 thead.hide-for-medium-only, #stacks_in_1279_1 thead.show-for-medium-up, #stacks_in_1279_1 thead.hide-for-medium, #stacks_in_1279_1 thead.hide-for-medium-down, #stacks_in_1279_1 thead.hide-for-large-only, #stacks_in_1279_1 thead.show-for-large-up, #stacks_in_1279_1 thead.hide-for-large, #stacks_in_1279_1 thead.hide-for-large-down, #stacks_in_1279_1 thead.hide-for-xlarge-only, #stacks_in_1279_1 thead.show-for-xlarge-up, #stacks_in_1279_1 thead.show-for-xxlarge-only, #stacks_in_1279_1 thead.show-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1279_1 tbody.hide-for-small-only, #stacks_in_1279_1 tbody.show-for-small-up, #stacks_in_1279_1 tbody.hide-for-small, #stacks_in_1279_1 tbody.hide-for-small-down, #stacks_in_1279_1 tbody.hide-for-medium-only, #stacks_in_1279_1 tbody.show-for-medium-up, #stacks_in_1279_1 tbody.hide-for-medium, #stacks_in_1279_1 tbody.hide-for-medium-down, #stacks_in_1279_1 tbody.hide-for-large-only, #stacks_in_1279_1 tbody.show-for-large-up, #stacks_in_1279_1 tbody.hide-for-large, #stacks_in_1279_1 tbody.hide-for-large-down, #stacks_in_1279_1 tbody.hide-for-xlarge-only, #stacks_in_1279_1 tbody.show-for-xlarge-up, #stacks_in_1279_1 tbody.show-for-xxlarge-only, #stacks_in_1279_1 tbody.show-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1279_1 tr.hide-for-small-only, #stacks_in_1279_1 tr.show-for-small-up, #stacks_in_1279_1 tr.hide-for-small, #stacks_in_1279_1 tr.hide-for-small-down, #stacks_in_1279_1 tr.hide-for-medium-only, #stacks_in_1279_1 tr.show-for-medium-up, #stacks_in_1279_1 tr.hide-for-medium, #stacks_in_1279_1 tr.hide-for-medium-down, #stacks_in_1279_1 tr.hide-for-large-only, #stacks_in_1279_1 tr.show-for-large-up, #stacks_in_1279_1 tr.hide-for-large, #stacks_in_1279_1 tr.hide-for-large-down, #stacks_in_1279_1 tr.hide-for-xlarge-only, #stacks_in_1279_1 tr.show-for-xlarge-up, #stacks_in_1279_1 tr.show-for-xxlarge-only, #stacks_in_1279_1 tr.show-for-xxlarge-up { display: table-row !important; } #stacks_in_1279_1 th.hide-for-small-only, #stacks_in_1279_1 td.hide-for-small-only, #stacks_in_1279_1 th.show-for-small-up, #stacks_in_1279_1 td.show-for-small-up, #stacks_in_1279_1 th.hide-for-small, #stacks_in_1279_1 td.hide-for-small, #stacks_in_1279_1 th.hide-for-small-down, #stacks_in_1279_1 td.hide-for-small-down, #stacks_in_1279_1 th.hide-for-medium-only, #stacks_in_1279_1 td.hide-for-medium-only, #stacks_in_1279_1 th.show-for-medium-up, #stacks_in_1279_1 td.show-for-medium-up, #stacks_in_1279_1 th.hide-for-medium, #stacks_in_1279_1 td.hide-for-medium, #stacks_in_1279_1 th.hide-for-medium-down, #stacks_in_1279_1 td.hide-for-medium-down, #stacks_in_1279_1 th.hide-for-large-only, #stacks_in_1279_1 td.hide-for-large-only, #stacks_in_1279_1 th.show-for-large-up, #stacks_in_1279_1 td.show-for-large-up, #stacks_in_1279_1 th.hide-for-large, #stacks_in_1279_1 td.hide-for-large, #stacks_in_1279_1 th.hide-for-large-down, #stacks_in_1279_1 td.hide-for-large-down, #stacks_in_1279_1 th.hide-for-xlarge-only, #stacks_in_1279_1 td.hide-for-xlarge-only, #stacks_in_1279_1 th.show-for-xlarge-up, #stacks_in_1279_1 td.show-for-xlarge-up, #stacks_in_1279_1 th.show-for-xxlarge-only, #stacks_in_1279_1 td.show-for-xxlarge-only, #stacks_in_1279_1 th.show-for-xxlarge-up, #stacks_in_1279_1 td.show-for-xxlarge-up { display: table-cell !important; } } /* Orientation targeting */ .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } /* Specific visibility for tables */ #stacks_in_1279_1 table.hide-for-landscape, #stacks_in_1279_1 table.show-for-portrait { display: table; } #stacks_in_1279_1 thead.hide-for-landscape, #stacks_in_1279_1 thead.show-for-portrait { display: table-header-group !important; } #stacks_in_1279_1 tbody.hide-for-landscape, #stacks_in_1279_1 tbody.show-for-portrait { display: table-row-group !important; } #stacks_in_1279_1 tr.hide-for-landscape, #stacks_in_1279_1 tr.show-for-portrait { display: table-row !important; } #stacks_in_1279_1 td.hide-for-landscape, #stacks_in_1279_1 td.show-for-portrait, #stacks_in_1279_1 th.hide-for-landscape, #stacks_in_1279_1 th.show-for-portrait { display: table-cell !important; } @media only screen and (orientation: landscape) { #stacks_in_1279_1 .show-for-landscape, #stacks_in_1279_1 .hide-for-portrait { display: inherit !important; } #stacks_in_1279_1 .hide-for-landscape, #stacks_in_1279_1 .show-for-portrait { display: none !important; } /* Specific visibility for tables */ #stacks_in_1279_1 table.show-for-landscape, #stacks_in_1279_1 table.hide-for-portrait { display: table; } #stacks_in_1279_1 thead.show-for-landscape, #stacks_in_1279_1 thead.hide-for-portrait { display: table-header-group !important; } #stacks_in_1279_1 tbody.show-for-landscape, #stacks_in_1279_1 tbody.hide-for-portrait { display: table-row-group !important; } #stacks_in_1279_1 tr.show-for-landscape, #stacks_in_1279_1 tr.hide-for-portrait { display: table-row !important; } #stacks_in_1279_1 td.show-for-landscape, #stacks_in_1279_1 td.hide-for-portrait, #stacks_in_1279_1 th.show-for-landscape, #stacks_in_1279_1 th.hide-for-portrait { display: table-cell !important; } } @media only screen and (orientation: portrait) { #stacks_in_1279_1 .show-for-portrait, #stacks_in_1279_1 .hide-for-landscape { display: inherit !important; } #stacks_in_1279_1 .hide-for-portrait, #stacks_in_1279_1 .show-for-landscape { display: none !important; } /* Specific visibility for tables */ #stacks_in_1279_1 table.show-for-portrait, #stacks_in_1279_1 table.hide-for-landscape { display: table; } #stacks_in_1279_1 thead.show-for-portrait, #stacks_in_1279_1 thead.hide-for-landscape { display: table-header-group !important; } #stacks_in_1279_1 tbody.show-for-portrait, #stacks_in_1279_1 tbody.hide-for-landscape { display: table-row-group !important; } #stacks_in_1279_1 tr.show-for-portrait, #stacks_in_1279_1 tr.hide-for-landscape { display: table-row !important; } #stacks_in_1279_1 td.show-for-portrait, #stacks_in_1279_1 td.hide-for-landscape, #stacks_in_1279_1 th.show-for-portrait, #stacks_in_1279_1 th.hide-for-landscape { display: table-cell !important; } } /* Touch-enabled device targeting */ .show-for-touch { display: none !important; } .hide-for-touch { display: inherit !important; } .touch #stacks_in_1279_1 .show-for-touch { display: inherit !important; } .touch #stacks_in_1279_1 .hide-for-touch { display: none !important; } /* Specific visibility for tables */ #stacks_in_1279_1 table.hide-for-touch { display: table; } .touch #stacks_in_1279_1 table.show-for-touch { display: table; } #stacks_in_1279_1 thead.hide-for-touch { display: table-header-group !important; } .touch #stacks_in_1279_1 thead.show-for-touch { display: table-header-group !important; } #stacks_in_1279_1 tbody.hide-for-touch { display: table-row-group !important; } .touch #stacks_in_1279_1 tbody.show-for-touch { display: table-row-group !important; } #stacks_in_1279_1 tr.hide-for-touch { display: table-row !important; } .touch #stacks_in_1279_1 tr.show-for-touch { display: table-row !important; } #stacks_in_1279_1 td.hide-for-touch { display: table-cell !important; } .touch #stacks_in_1279_1 td.show-for-touch { display: table-cell !important; } #stacks_in_1279_1 th.hide-for-touch { display: table-cell !important; } .touch #stacks_in_1279_1 th.show-for-touch { display: table-cell !important; } /* Print visibility */ @media print { #stacks_in_1279_1 .show-for-print { display: block; } #stacks_in_1279_1 .hide-for-print { display: none; } #stacks_in_1279_1 table.show-for-print { display: table; } #stacks_in_1279_1 thead.show-for-print { display: table-header-group !important; } #stacks_in_1279_1 tbody.show-for-print { display: table-row-group !important; } #stacks_in_1279_1 tr.show-for-print { display: table-row !important; } #stacks_in_1279_1 td.show-for-print { display: table-cell !important; } #stacks_in_1279_1 th.show-for-print { display: table-cell !important; } } /* -------------------------------- Primary style -------------------------------- */ body.overflow-hidden { /* used when modal is visible */ overflow: hidden; } body.overflow-hidden .cd-modal { display: block !important; } /* -------------------------------- Main Components -------------------------------- */ #stacks_in_1279_2 .cd-section { text-align: center; position: relative; } #stacks_in_1279_2 .cd-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; pointer-events: none; -webkit-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; -moz-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; } #stacks_in_1279_2 .cd-modal .cd-modal-content { box-sizing: border-box; height: 100%; width: 100%; padding: 3em 5%; color: #FFFFFF; text-align: left; overflow-y: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_1279_2 .cd-modal-content a, #stacks_in_1279_2 .cd-modal-content a:visited { color: #DE425A; } #stacks_in_1279_2 .cd-modal-content a:hover, #stacks_in_1279_2 .cd-modal-content a:active { color: #B13448; } #stacks_in_1279_2 .modal-is-visible .cd-modal { z-index: 300000 !important; visibility: visible; opacity: 1; pointer-events: auto; -webkit-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; -moz-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; } #stacks_in_1279_2 .modal-is-visible .cd-modal .cd-modal-content { -webkit-overflow-scrolling: touch; } @media only screen and (min-width: 768px) { #stacks_in_1279_2 .cd-modal .cd-modal-content { padding: 4em 10%; } } @media only screen and (min-width: 1170px) { #stacks_in_1279_2 .cd-modal .cd-modal-content { padding: 6em 20%; } } #stacks_in_1279_2 .cd-modal-action { position: relative; } #stacks_in_1279_2 .cd-modal-action .modal_btn, #stacks_in_1279_2 .cd-modal-action .cd-modal-bg { display: inline-block; height: 2.5em; background-color: #336699; } #stacks_in_1279_2 .modal_btn, #stacks_in_1279_2 .cd-modal-close { text-decoration: none !important; border: none !important; } #stacks_in_1279_2 .cd-modal-action .modal_btn { border-radius: 5em; color: #ffffff; line-height: 2.5em; white-space: nowrap; font-weight: 700; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: color 0.2s 0.3s, width 0.3s 0s; -moz-transition: color 0.2s 0.3s, width 0.3s 0s; transition: color 0.2s 0.3s, width 0.3s 0s; overflow: hidden; } @media only screen { #stacks_in_1279_2 .cd-modal-action .modal_btn { width: 225px; } } @media only screen and (max-width: 720px) { #stacks_in_1279_2 .cd-modal-action .modal_btn { width: 100%; } } @media only screen and (max-width: 480px) { #stacks_in_1279_2 .cd-modal-action .modal_btn { width: 100%; } } #stacks_in_1279_2 .cd-modal-action .modal_btn i { margin-right: 6px; } #stacks_in_1279_2 .cd-modal-action .modal_btn.to-circle { width: 2.5em; color: transparent !important; -webkit-transition: color 0.2s 0s, width 0.3s 0.2s; -moz-transition: color 0.2s 0s, width 0.3s 0.2s; transition: color 0.2s 0s, width 0.3s 0.2s; } #stacks_in_1279_2 .cd-modal-action .cd-modal-bg { position: absolute; z-index: 300000 !important; left: 50%; top: 0; width: 2.5em; border-radius: 50%; opacity: 0; visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateX(-2em); -moz-transform: translateX(-2em); -ms-transform: translateX(-2em); -o-transform: translateX(-2em); transform: translateX(-2em); -webkit-transition: visibility 0s 0.5s; -moz-transition: visibility 0s 0.5s; transition: visibility 0s 0.5s; } #stacks_in_1279_2 .cd-modal-action .cd-modal-bg.is-visible { opacity: 1; visibility: visible; } #stacks_in_1279_2 .cd-modal-close { position: fixed; z-index: 9999999 !important; top: 20px; right: 20px; display: block; height: 50px; width: 50px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.3); background-image: url(../files/cd-icon-close.png); background-repeat: no-repeat; background-position: center center; /* image replacement */ overflow: hidden; text-indent: 100%; white-space: nowrap; visibility: hidden; opacity: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; transition: transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; } #stacks_in_1279_2 .no-touch .cd-modal-close:hover { background-color: rgba(0, 0, 0, 0.5); } #stacks_in_1279_2 .modal-is-visible .cd-modal-close { visibility: visible; opacity: 1; -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; transition: transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } @media only screen and (min-width: 768px) { #stacks_in_1279_2 .cd-modal-close { top: 40px; right: 40px; } } #stacks_in_1279_2 .cd-modal-action a, #stacks_in_1279_2 .cd-modal-action a:visited, #stacks_in_1279_2 .cd-modal-action a:hover, #stacks_in_1279_2 .cd-modal-action a:active { color: #FFFFFF !important; text-decoration: none; } /* Font Selections */ #stacks_in_1279_2 .cd-modal-action .modal_btn { } #stacks_in_1279_2 { margin: 10px 0px 10px 0px; } #stacks_out_1279_2 { width: 48%; margin-left:0; } /* Start Print This 2 stack CSS code */ .stacks_in_1279_3PrintThisOuter{ background-color: #FFFFFF; padding: 15px; border: 1px dashed #CCCCCC; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .stacks_in_1279_3PrintThis2{ position: relative; } @font-face { font-family: "doo_fontsregular"; src: url('../files/printthis2Assets/font/doo_print-webfont.eot'); src: url('../files/printthis2Assets/font/doo_print-webfont.eot?#iefix') format('eot'), url('../files/printthis2Assets/font/doo_print-webfont.woff') format('woff'), url('../files/printthis2Assets/font/doo_print-webfont.ttf') format('truetype'), url('../files/printthis2Assets/font/doo_print-webfont.svg#doo_fontsregular') format('svg'); font-weight: normal; font-style: normal; } .stacks_in_1279_3PrintThisButton{ float: right; font-family: "doo_fontsregular"; font-size: 24px; line-height: 24px; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; color: #000000; cursor:pointer; } .stacks_in_1279_3PrintThisButton:hover{ color: #3C3C3C; } .stacks_in_1279_3clearer{ clear: both; height: 1px; padding: 0; margin: 0; } /* End Print This 2 stack CSS code */ #stacks_in_1279_7 h1,#stacks_in_1279_7 h1 a,#stacks_in_1279_7 p,#stacks_in_1279_7 p a{ font-size:15px; line-height:1.39em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_1279_7 h1,#stacks_in_1279_7 h1 a,#stacks_in_1279_7 p,#stacks_in_1279_7 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_1279_7 h1,#stacks_in_1279_7 h1 a,#stacks_in_1279_7 p,#stacks_in_1279_7 p a{ font-size:12px; } } #stacks_in_1279_7 h1,#stacks_in_1279_7 h1 a,#stacks_in_1279_7 p,#stacks_in_1279_7 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_1279_7 p a:hover, #stacks_in_1279_7 h1 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_out_1279_7 { margin-right:0; } #stacks_in_1358 h3,#stacks_in_1358 h3 a,#stacks_in_1358 p,#stacks_in_1358 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_1358 h3,#stacks_in_1358 h3 a,#stacks_in_1358 p,#stacks_in_1358 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_1358 h3,#stacks_in_1358 h3 a,#stacks_in_1358 p,#stacks_in_1358 p a{ font-size:13px; } } #stacks_in_1358 h3,#stacks_in_1358 h3 a,#stacks_in_1358 p,#stacks_in_1358 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_1358 p a:hover, #stacks_in_1358 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_1358 { margin: 10px; } #stacks_out_1358 { margin-right:0; } /* -- Start Swell Each css Template -- */ #stacks_in_1273{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_1273swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_1273swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_1273swell{ max-width: 800px; } .stacks_in_1273swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_1273swell-with-zoom .mfp-container,.stacks_in_1273swell-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 198.000015ms ease-out; -moz-transition: all 198.000015ms ease-out; -o-transition: all 198.000015ms ease-out; transition: all 198.000015ms ease-out; } .stacks_in_1273swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_1273swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_1273swell-with-zoom.mfp-removing .mfp-container,.stacks_in_1273swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_1273 .swellzoomeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_1273 .swellshrinkeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_1273 .swellcircleeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #stacks_in_1273 .swellthreedeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media all and (min-width: 480px) { #stacks_in_1273 .swellzoomeffect img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } #stacks_in_1273 .swellshrinkeffect img:hover{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9); } #stacks_in_1273 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_1273 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_1273 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_1273 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_1273 .swellthreedeffect:hover{ box-shadow: 1px 1px rgba(242, 88, 95, 1.00), 2px 2px rgba(242, 88, 95, 1.00), 3px 3px rgba(242, 88, 95, 1.00); -webkit-transform: translateX(-3px); transform: translateX(-3px); } } /* -- End Swell Each css Template -- */ #stacks_in_1273 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #stacks_out_1273 { width: 60%; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_1280, #stacks_in_1280 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_1280 { padding: 20px 0px !important; } #press_alignment_stacks_in_1280 { width: 100%; } #press_alignment_stacks_in_1280.press-left { text-align: left; } #press_alignment_stacks_in_1280.press-center { text-align: center; } #press_alignment_stacks_in_1280.press-right { text-align: right; } #stacks_in_1280 { transition: all 200ms ease; /* */ /* */ /* */ background: #0A4D28; background: -webkit-gradient(linear, left top, left bottom, from(to top), color-stop(#0A4D28), to(#52A37C)); background: linear-gradient(to top, #0A4D28, #52A37C); /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.30); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 20px 0px 20px 20px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_1280:hover { /* */ /* */ /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_1280:hover .press-icon i { /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_1280:active { /* */ /* */ /* */ /* */ color: rgba(204, 0, 0, 1.00); /* */ } #stacks_in_1280:active .press-icon i { /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_1280 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 10px 20px 10px 20px; border-radius: 0px 0px 0px 0px; /* */ /* */ /* */ background: #0A4D28; background: -webkit-gradient(linear, left top, left bottom, from(to bottom left), color-stop(#0A4D28), to(#52A37C)); background: linear-gradient(to bottom left, #0A4D28, #52A37C); /* */ /* */ /* */ /* */ /* */ margin-left: 7px; /* */ /* */ } #stacks_in_1280 .press-icon i { font-size: 20px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_1280 .press-text { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 15px; padding: 10px 10px 10px 10px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 18px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_1280 .press-text .out { margin: 0 !important; } #stacks_in_1280 { font-size: 15px; line-height: 18px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } #flex-item-stacks_in_7621 .flex-grid-item-stacks_in_7582 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_7621 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_7621 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 .flex-item-content-inner-stacks_in_7582 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7621 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_7621 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7621 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7621 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7621.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7621.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7621.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(255, 255, 255, 1.00); } /* Start Print This 2 stack CSS code */ .stacks_in_1378PrintThisOuter{ background-color: #FFFFFF; padding: 15px; border: 1px dashed #CCCCCC; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .stacks_in_1378PrintThis2{ position: relative; } @font-face { font-family: "doo_fontsregular"; src: url('../files/printthis2Assets/font/doo_print-webfont.eot'); src: url('../files/printthis2Assets/font/doo_print-webfont.eot?#iefix') format('eot'), url('../files/printthis2Assets/font/doo_print-webfont.woff') format('woff'), url('../files/printthis2Assets/font/doo_print-webfont.ttf') format('truetype'), url('../files/printthis2Assets/font/doo_print-webfont.svg#doo_fontsregular') format('svg'); font-weight: normal; font-style: normal; } .stacks_in_1378PrintThisButton{ float: right; font-family: "doo_fontsregular"; font-size: 24px; line-height: 24px; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; color: #000000; cursor:pointer; } .stacks_in_1378PrintThisButton:hover{ color: #3C3C3C; } .stacks_in_1378clearer{ clear: both; height: 1px; padding: 0; margin: 0; } /* End Print This 2 stack CSS code */ #stacks_in_1379 h1,#stacks_in_1379 h1 a,#stacks_in_1379 p,#stacks_in_1379 p a{ font-size:19px; line-height:1.69em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_1379 h1,#stacks_in_1379 h1 a,#stacks_in_1379 p,#stacks_in_1379 p a{ font-size:18px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_1379 h1,#stacks_in_1379 h1 a,#stacks_in_1379 p,#stacks_in_1379 p a{ font-size:15px; } } #stacks_in_1379 h1,#stacks_in_1379 h1 a,#stacks_in_1379 p,#stacks_in_1379 p a{ color:rgba(51, 51, 51, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:center; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_1379 p a:hover, #stacks_in_1379 h1 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_1379 { margin: 0px 0px 10px 0px; padding: 9px; } #stacks_out_1379 { margin-right:0; } #stacks_in_1381 h4,#stacks_in_1381 h4 a,#stacks_in_1381 p,#stacks_in_1381 p a{ font-size:17px; line-height:1.68em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_1381 h4,#stacks_in_1381 h4 a,#stacks_in_1381 p,#stacks_in_1381 p a{ font-size:16px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_1381 h4,#stacks_in_1381 h4 a,#stacks_in_1381 p,#stacks_in_1381 p a{ font-size:14px; } } #stacks_in_1381 h4,#stacks_in_1381 h4 a,#stacks_in_1381 p,#stacks_in_1381 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:right; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_1381 p a:hover, #stacks_in_1381 h4 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_1381 { margin: 11px; padding: 2px; } #stacks_in_1383 h1,#stacks_in_1383 h1 a,#stacks_in_1383 p,#stacks_in_1383 p a{ font-size:16px; line-height:1.39em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_1383 h1,#stacks_in_1383 h1 a,#stacks_in_1383 p,#stacks_in_1383 p a{ font-size:15px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_1383 h1,#stacks_in_1383 h1 a,#stacks_in_1383 p,#stacks_in_1383 p a{ font-size:13px; } } #stacks_in_1383 h1,#stacks_in_1383 h1 a,#stacks_in_1383 p,#stacks_in_1383 p a{ color:rgba(51, 51, 51, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_1383 p a:hover, #stacks_in_1383 h1 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_out_1383 { margin-right:0; } /* ********* */ /* Normalize */ /* ********* */ /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ #stacks_in_1385 article, #stacks_in_1385 aside, #stacks_in_1385 details, #stacks_in_1385 figcaption, #stacks_in_1385 figure, #stacks_in_1385 footer, #stacks_in_1385 header, #stacks_in_1385 hgroup, #stacks_in_1385 main, #stacks_in_1385 nav, #stacks_in_1385 section, #stacks_in_1385 summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ #stacks_in_1385 audio, #stacks_in_1385 canvas, #stacks_in_1385 progress, #stacks_in_1385 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ #stacks_in_1385 audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ #stacks_in_1385 [hidden], #stacks_in_1385 template { display: none; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ #stacks_in_1385 img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ #stacks_in_1385 svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address differences between Firefox and other browsers. */ #stacks_in_1385 hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ #stacks_in_1385 pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ #stacks_in_1385 code, #stacks_in_1385 kbd, #stacks_in_1385 pre, #stacks_in_1385 samp { font-family: monospace, monospace; font-size: 1em; } /* **************** */ /* Stack Specific */ /* **************** */ %[if ]% %[if edit]% #stacks_in_1385 { background-image: url(../files/images/preview_numbers_background.png), url(../files/images/preview_striped_background.png); background-repeat: no-repeat, repeat-y; background-size: 100%, 100%; background-position: center top, center 100px; border-radius: 4px; padding-top: 75px; padding-bottom: 25px; border: 1px solid #e9e9e9; } %[endif]% %[endif]% #stacks_in_1385 *, #stacks_in_1385 *:before, #stacks_in_1385 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } %[if !edit]% #stacks_in_1385 .wow { visibility: hidden; } %[endif]% #stacks_in_1385>ul li { padding-bottom: 0 !important; } /* iPhone aka SMALL */ @media only screen { #stacks_in_1385>ul>li { margin-bottom: px; } } %[if ]% /* iPad aka MEDIUM */ @media only screen and (min-width: 40.063em) { #stacks_in_1385>ul>li { margin-bottom: px; } } %[endif]% %[if ]% /* Desktop aka LARGE */ @media only screen and (min-width: 64.063em) { #stacks_in_1385>ul>li { margin-bottom: px; } } %[endif]% /* **************** */ /* Foundation START */ /* **************** */ /* Copyright (c) 2013-2014 ZURB, inc. MIT License 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. */ #stacks_in_1385 meta.foundation-version { font-family: "/5.3.1/"; } #stacks_in_1385 meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } #stacks_in_1385 meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } #stacks_in_1385 meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } #stacks_in_1385 meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } #stacks_in_1385 meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } #stacks_in_1385 meta.foundation-data-attribute-namespace { font-family: false; } #stacks_in_1385 *, #stacks_in_1385 *:before, #stacks_in_1385 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_1385 .left { float: left !important; } #stacks_in_1385 .right { float: right !important; } #stacks_in_1385 .clearfix:before, #stacks_in_1385 .clearfix:after { content: " "; display: table; } #stacks_in_1385 .clearfix:after { clear: both; } #stacks_in_1385 .hide { display: none; } #stacks_in_1385 .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_1385 img { display: inline-block; vertical-align: middle; } #stacks_in_1385 textarea { height: auto; min-height: 50px; } #stacks_in_1385 select { width: 100%; } #stacks_in_1385 .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } #stacks_in_1385 .row { max-width: 62.5em; } #stacks_in_1385 .row:before, #stacks_in_1385 .row:after { content: " "; display: table; } #stacks_in_1385 .row:after { clear: both; } #stacks_in_1385 .row.collapse > .column, #stacks_in_1385 .row.collapse > .columns { padding-left: 0; padding-right: 0; } #stacks_in_1385 .row.collapse .row { margin-left: 0; margin-right: 0; } #stacks_in_1385 .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; } #stacks_in_1385 .row .row:before, #stacks_in_1385 .row .row:after { content: " "; display: table; } #stacks_in_1385 .row .row:after { clear: both; } #stacks_in_1385 .row .row.collapse { width: auto; margin: 0; max-width: none; } #stacks_in_1385 .row .row.collapse:before, #stacks_in_1385 .row .row.collapse:after { content: " "; display: table; } #stacks_in_1385 .row .row.collapse:after { clear: both; } #stacks_in_1385 .column, #stacks_in_1385 .columns { padding-left: 0.9375em; padding-right: 0.9375em; width: 100%; float: left; } #stacks_in_1385 [class*="column"] + [class*="column"]:last-child { float: right; } #stacks_in_1385 [class*="column"] + [class*="column"].end { float: left; } @media only screen { #stacks_in_1385 .small-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1385 .small-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1385 .small-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1385 .small-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1385 .small-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1385 .small-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1385 .small-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1385 .small-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1385 .small-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1385 .small-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1385 .small-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1385 .small-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1385 .small-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1385 .small-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1385 .small-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1385 .small-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1385 .small-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1385 .small-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1385 .small-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1385 .small-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1385 .small-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1385 .small-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1385 .small-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1385 .small-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_1385 .column, #stacks_in_1385 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_1385 .small-1 { width: 8.33333%; } #stacks_in_1385 .small-2 { width: 16.66667%; } #stacks_in_1385 .small-3 { width: 25%; } #stacks_in_1385 .small-4 { width: 33.33333%; } #stacks_in_1385 .small-5 { width: 41.66667%; } #stacks_in_1385 .small-6 { width: 50%; } #stacks_in_1385 .small-7 { width: 58.33333%; } #stacks_in_1385 .small-8 { width: 66.66667%; } #stacks_in_1385 .small-9 { width: 75%; } #stacks_in_1385 .small-10 { width: 83.33333%; } #stacks_in_1385 .small-11 { width: 91.66667%; } #stacks_in_1385 .small-12 { width: 100%; } #stacks_in_1385 .small-offset-0 { margin-left: 0% !important; } #stacks_in_1385 .small-offset-1 { margin-left: 8.33333% !important; } #stacks_in_1385 .small-offset-2 { margin-left: 16.66667% !important; } #stacks_in_1385 .small-offset-3 { margin-left: 25% !important; } #stacks_in_1385 .small-offset-4 { margin-left: 33.33333% !important; } #stacks_in_1385 .small-offset-5 { margin-left: 41.66667% !important; } #stacks_in_1385 .small-offset-6 { margin-left: 50% !important; } #stacks_in_1385 .small-offset-7 { margin-left: 58.33333% !important; } #stacks_in_1385 .small-offset-8 { margin-left: 66.66667% !important; } #stacks_in_1385 .small-offset-9 { margin-left: 75% !important; } #stacks_in_1385 .small-offset-10 { margin-left: 83.33333% !important; } #stacks_in_1385 .small-offset-11 { margin-left: 91.66667% !important; } #stacks_in_1385 .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_1385 .column.small-centered, #stacks_in_1385 .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_1385 .column.small-uncentered, #stacks_in_1385 .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_1385 .column.small-centered:last-child, #stacks_in_1385 .columns.small-centered:last-child { float: none; } #stacks_in_1385 .column.small-uncentered:last-child, #stacks_in_1385 .columns.small-uncentered:last-child { float: left; } #stacks_in_1385 .column.small-uncentered.opposite, #stacks_in_1385 .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 40.063em) { #stacks_in_1385 .medium-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1385 .medium-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1385 .medium-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1385 .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1385 .medium-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1385 .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1385 .medium-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1385 .medium-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1385 .medium-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1385 .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1385 .medium-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1385 .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1385 .medium-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1385 .medium-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1385 .medium-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1385 .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1385 .medium-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1385 .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1385 .medium-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1385 .medium-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1385 .medium-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1385 .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1385 .medium-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1385 .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_1385 .column, #stacks_in_1385 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_1385 .medium-1 { width: 8.33333%; } #stacks_in_1385 .medium-2 { width: 16.66667%; } #stacks_in_1385 .medium-3 { width: 25%; } #stacks_in_1385 .medium-4 { width: 33.33333%; } #stacks_in_1385 .medium-5 { width: 41.66667%; } #stacks_in_1385 .medium-6 { width: 50%; } #stacks_in_1385 .medium-7 { width: 58.33333%; } #stacks_in_1385 .medium-8 { width: 66.66667%; } #stacks_in_1385 .medium-9 { width: 75%; } #stacks_in_1385 .medium-10 { width: 83.33333%; } #stacks_in_1385 .medium-11 { width: 91.66667%; } #stacks_in_1385 .medium-12 { width: 100%; } #stacks_in_1385 .medium-offset-0 { margin-left: 0% !important; } #stacks_in_1385 .medium-offset-1 { margin-left: 8.33333% !important; } #stacks_in_1385 .medium-offset-2 { margin-left: 16.66667% !important; } #stacks_in_1385 .medium-offset-3 { margin-left: 25% !important; } #stacks_in_1385 .medium-offset-4 { margin-left: 33.33333% !important; } #stacks_in_1385 .medium-offset-5 { margin-left: 41.66667% !important; } #stacks_in_1385 .medium-offset-6 { margin-left: 50% !important; } #stacks_in_1385 .medium-offset-7 { margin-left: 58.33333% !important; } #stacks_in_1385 .medium-offset-8 { margin-left: 66.66667% !important; } #stacks_in_1385 .medium-offset-9 { margin-left: 75% !important; } #stacks_in_1385 .medium-offset-10 { margin-left: 83.33333% !important; } #stacks_in_1385 .medium-offset-11 { margin-left: 91.66667% !important; } #stacks_in_1385 .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_1385 .column.medium-centered, #stacks_in_1385 .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_1385 .column.medium-uncentered, #stacks_in_1385 .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_1385 .column.medium-centered:last-child, #stacks_in_1385 .columns.medium-centered:last-child { float: none; } #stacks_in_1385 .column.medium-uncentered:last-child, #stacks_in_1385 .columns.medium-uncentered:last-child { float: left; } #stacks_in_1385 .column.medium-uncentered.opposite, #stacks_in_1385 .columns.medium-uncentered.opposite { float: right; } #stacks_in_1385 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1385 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1385 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1385 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1385 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1385 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1385 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1385 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1385 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1385 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1385 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1385 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1385 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1385 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1385 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1385 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1385 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1385 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1385 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1385 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1385 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1385 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1385 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1385 .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { #stacks_in_1385 .large-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1385 .large-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1385 .large-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1385 .large-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1385 .large-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1385 .large-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1385 .large-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1385 .large-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1385 .large-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1385 .large-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1385 .large-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1385 .large-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1385 .large-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1385 .large-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1385 .large-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1385 .large-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1385 .large-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1385 .large-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1385 .large-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1385 .large-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1385 .large-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1385 .large-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1385 .large-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1385 .large-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_1385 .column, #stacks_in_1385 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_1385 .large-1 { width: 8.33333%; } #stacks_in_1385 .large-2 { width: 16.66667%; } #stacks_in_1385 .large-3 { width: 25%; } #stacks_in_1385 .large-4 { width: 33.33333%; } #stacks_in_1385 .large-5 { width: 41.66667%; } #stacks_in_1385 .large-6 { width: 50%; } #stacks_in_1385 .large-7 { width: 58.33333%; } #stacks_in_1385 .large-8 { width: 66.66667%; } #stacks_in_1385 .large-9 { width: 75%; } #stacks_in_1385 .large-10 { width: 83.33333%; } #stacks_in_1385 .large-11 { width: 91.66667%; } #stacks_in_1385 .large-12 { width: 100%; } #stacks_in_1385 .large-offset-0 { margin-left: 0% !important; } #stacks_in_1385 .large-offset-1 { margin-left: 8.33333% !important; } #stacks_in_1385 .large-offset-2 { margin-left: 16.66667% !important; } #stacks_in_1385 .large-offset-3 { margin-left: 25% !important; } #stacks_in_1385 .large-offset-4 { margin-left: 33.33333% !important; } #stacks_in_1385 .large-offset-5 { margin-left: 41.66667% !important; } #stacks_in_1385 .large-offset-6 { margin-left: 50% !important; } #stacks_in_1385 .large-offset-7 { margin-left: 58.33333% !important; } #stacks_in_1385 .large-offset-8 { margin-left: 66.66667% !important; } #stacks_in_1385 .large-offset-9 { margin-left: 75% !important; } #stacks_in_1385 .large-offset-10 { margin-left: 83.33333% !important; } #stacks_in_1385 .large-offset-11 { margin-left: 91.66667% !important; } #stacks_in_1385 .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_1385 .column.large-centered, #stacks_in_1385 .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_1385 .column.large-uncentered, #stacks_in_1385 .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_1385 .column.large-centered:last-child, #stacks_in_1385 .columns.large-centered:last-child { float: none; } #stacks_in_1385 .column.large-uncentered:last-child, #stacks_in_1385 .columns.large-uncentered:last-child { float: left; } #stacks_in_1385 .column.large-uncentered.opposite, #stacks_in_1385 .columns.large-uncentered.opposite { float: right; } #stacks_in_1385 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_1385 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_1385 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_1385 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_1385 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_1385 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_1385 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_1385 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_1385 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_1385 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_1385 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_1385 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_1385 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_1385 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_1385 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_1385 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_1385 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_1385 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_1385 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_1385 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_1385 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_1385 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_1385 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_1385 .pull-11 { position: relative; right: 91.66667%; left: auto; } } #stacks_in_1385 [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } #stacks_in_1385 [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } #stacks_in_1385 [class*="block-grid-"]:after { clear: both; } #stacks_in_1385 [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { #stacks_in_1385 .small-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_1385 .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_1385 .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_1385 .small-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_1385 .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_1385 .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_1385 .small-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_1385 .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_1385 .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_1385 .small-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_1385 .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_1385 .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_1385 .small-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_1385 .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_1385 .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_1385 .small-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_1385 .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_1385 .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_1385 .small-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_1385 .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_1385 .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_1385 .small-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_1385 .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_1385 .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_1385 .small-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_1385 .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_1385 .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_1385 .small-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_1385 .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_1385 .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_1385 .small-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_1385 .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_1385 .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_1385 .small-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_1385 .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_1385 .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { #stacks_in_1385 .medium-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_1385 .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_1385 .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_1385 .medium-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_1385 .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_1385 .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_1385 .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_1385 .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_1385 .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_1385 .medium-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_1385 .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_1385 .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_1385 .medium-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_1385 .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_1385 .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_1385 .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_1385 .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_1385 .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_1385 .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_1385 .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_1385 .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_1385 .medium-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_1385 .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_1385 .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_1385 .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_1385 .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_1385 .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_1385 .medium-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_1385 .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_1385 .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_1385 .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_1385 .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_1385 .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_1385 .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_1385 .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_1385 .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { #stacks_in_1385 .large-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_1385 .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_1385 .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_1385 .large-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_1385 .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_1385 .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_1385 .large-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_1385 .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_1385 .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_1385 .large-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_1385 .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_1385 .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_1385 .large-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_1385 .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_1385 .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_1385 .large-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_1385 .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_1385 .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_1385 .large-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_1385 .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_1385 .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_1385 .large-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_1385 .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_1385 .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_1385 .large-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_1385 .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_1385 .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_1385 .large-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_1385 .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_1385 .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_1385 .large-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_1385 .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_1385 .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_1385 .large-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_1385 .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_1385 .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } /* Visibility CSS - Foundation */ /* small displays */ @media only screen { #stacks_in_1385 .show-for-small-only, #stacks_in_1385 .show-for-small-up, #stacks_in_1385 .show-for-small, #stacks_in_1385 .show-for-small-down, #stacks_in_1385 .hide-for-medium-only, #stacks_in_1385 .hide-for-medium-up, #stacks_in_1385 .hide-for-medium, #stacks_in_1385 .show-for-medium-down, #stacks_in_1385 .hide-for-large-only, #stacks_in_1385 .hide-for-large-up, #stacks_in_1385 .hide-for-large, #stacks_in_1385 .show-for-large-down, #stacks_in_1385 .hide-for-xlarge-only, #stacks_in_1385 .hide-for-xlarge-up, #stacks_in_1385 .hide-for-xxlarge-only, #stacks_in_1385 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_1385 .hide-for-small-only, #stacks_in_1385 .hide-for-small-up, #stacks_in_1385 .hide-for-small, #stacks_in_1385 .hide-for-small-down, #stacks_in_1385 .show-for-medium-only, #stacks_in_1385 .show-for-medium-up, #stacks_in_1385 .show-for-medium, #stacks_in_1385 .hide-for-medium-down, #stacks_in_1385 .show-for-large-only, #stacks_in_1385 .show-for-large-up, #stacks_in_1385 .show-for-large, #stacks_in_1385 .hide-for-large-down, #stacks_in_1385 .show-for-xlarge-only, #stacks_in_1385 .show-for-xlarge-up, #stacks_in_1385 .show-for-xxlarge-only, #stacks_in_1385 .show-for-xxlarge-up { display: none !important; } #stacks_in_1385 .visible-for-small-only, #stacks_in_1385 .visible-for-small-up, #stacks_in_1385 .visible-for-small, #stacks_in_1385 .visible-for-small-down, #stacks_in_1385 .hidden-for-medium-only, #stacks_in_1385 .hidden-for-medium-up, #stacks_in_1385 .hidden-for-medium, #stacks_in_1385 .visible-for-medium-down, #stacks_in_1385 .hidden-for-large-only, #stacks_in_1385 .hidden-for-large-up, #stacks_in_1385 .hidden-for-large, #stacks_in_1385 .visible-for-large-down, #stacks_in_1385 .hidden-for-xlarge-only, #stacks_in_1385 .hidden-for-xlarge-up, #stacks_in_1385 .hidden-for-xxlarge-only, #stacks_in_1385 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1385 .hidden-for-small-only, #stacks_in_1385 .hidden-for-small-up, #stacks_in_1385 .hidden-for-small, #stacks_in_1385 .hidden-for-small-down, #stacks_in_1385 .visible-for-medium-only, #stacks_in_1385 .visible-for-medium-up, #stacks_in_1385 .visible-for-medium, #stacks_in_1385 .hidden-for-medium-down, #stacks_in_1385 .visible-for-large-only, #stacks_in_1385 .visible-for-large-up, #stacks_in_1385 .visible-for-large, #stacks_in_1385 .hidden-for-large-down, #stacks_in_1385 .visible-for-xlarge-only, #stacks_in_1385 .visible-for-xlarge-up, #stacks_in_1385 .visible-for-xxlarge-only, #stacks_in_1385 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1385 table.show-for-small-only, #stacks_in_1385 table.show-for-small-up, #stacks_in_1385 table.show-for-small, #stacks_in_1385 table.show-for-small-down, #stacks_in_1385 table.hide-for-medium-only, #stacks_in_1385 table.hide-for-medium-up, #stacks_in_1385 table.hide-for-medium, #stacks_in_1385 table.show-for-medium-down, #stacks_in_1385 table.hide-for-large-only, #stacks_in_1385 table.hide-for-large-up, #stacks_in_1385 table.hide-for-large, #stacks_in_1385 table.show-for-large-down, #stacks_in_1385 table.hide-for-xlarge-only, #stacks_in_1385 table.hide-for-xlarge-up, #stacks_in_1385 table.hide-for-xxlarge-only, #stacks_in_1385 table.hide-for-xxlarge-up { display: table; } #stacks_in_1385 thead.show-for-small-only, #stacks_in_1385 thead.show-for-small-up, #stacks_in_1385 thead.show-for-small, #stacks_in_1385 thead.show-for-small-down, #stacks_in_1385 thead.hide-for-medium-only, #stacks_in_1385 thead.hide-for-medium-up, #stacks_in_1385 thead.hide-for-medium, #stacks_in_1385 thead.show-for-medium-down, #stacks_in_1385 thead.hide-for-large-only, #stacks_in_1385 thead.hide-for-large-up, #stacks_in_1385 thead.hide-for-large, #stacks_in_1385 thead.show-for-large-down, #stacks_in_1385 thead.hide-for-xlarge-only, #stacks_in_1385 thead.hide-for-xlarge-up, #stacks_in_1385 thead.hide-for-xxlarge-only, #stacks_in_1385 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1385 tbody.show-for-small-only, #stacks_in_1385 tbody.show-for-small-up, #stacks_in_1385 tbody.show-for-small, #stacks_in_1385 tbody.show-for-small-down, #stacks_in_1385 tbody.hide-for-medium-only, #stacks_in_1385 tbody.hide-for-medium-up, #stacks_in_1385 tbody.hide-for-medium, #stacks_in_1385 tbody.show-for-medium-down, #stacks_in_1385 tbody.hide-for-large-only, #stacks_in_1385 tbody.hide-for-large-up, #stacks_in_1385 tbody.hide-for-large, #stacks_in_1385 tbody.show-for-large-down, #stacks_in_1385 tbody.hide-for-xlarge-only, #stacks_in_1385 tbody.hide-for-xlarge-up, #stacks_in_1385 tbody.hide-for-xxlarge-only, #stacks_in_1385 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1385 tr.show-for-small-only, #stacks_in_1385 tr.show-for-small-up, #stacks_in_1385 tr.show-for-small, #stacks_in_1385 tr.show-for-small-down, #stacks_in_1385 tr.hide-for-medium-only, #stacks_in_1385 tr.hide-for-medium-up, #stacks_in_1385 tr.hide-for-medium, #stacks_in_1385 tr.show-for-medium-down, #stacks_in_1385 tr.hide-for-large-only, #stacks_in_1385 tr.hide-for-large-up, #stacks_in_1385 tr.hide-for-large, #stacks_in_1385 tr.show-for-large-down, #stacks_in_1385 tr.hide-for-xlarge-only, #stacks_in_1385 tr.hide-for-xlarge-up, #stacks_in_1385 tr.hide-for-xxlarge-only, #stacks_in_1385 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_1385 th.show-for-small-only, #stacks_in_1385 td.show-for-small-only, #stacks_in_1385 th.show-for-small-up, #stacks_in_1385 td.show-for-small-up, #stacks_in_1385 th.show-for-small, #stacks_in_1385 td.show-for-small, #stacks_in_1385 th.show-for-small-down, #stacks_in_1385 td.show-for-small-down, #stacks_in_1385 th.hide-for-medium-only, #stacks_in_1385 td.hide-for-medium-only, #stacks_in_1385 th.hide-for-medium-up, #stacks_in_1385 td.hide-for-medium-up, #stacks_in_1385 th.hide-for-medium, #stacks_in_1385 td.hide-for-medium, #stacks_in_1385 th.show-for-medium-down, #stacks_in_1385 td.show-for-medium-down, #stacks_in_1385 th.hide-for-large-only, #stacks_in_1385 td.hide-for-large-only, #stacks_in_1385 th.hide-for-large-up, #stacks_in_1385 td.hide-for-large-up, #stacks_in_1385 th.hide-for-large, #stacks_in_1385 td.hide-for-large, #stacks_in_1385 th.show-for-large-down, #stacks_in_1385 td.show-for-large-down, #stacks_in_1385 th.hide-for-xlarge-only, #stacks_in_1385 td.hide-for-xlarge-only, #stacks_in_1385 th.hide-for-xlarge-up, #stacks_in_1385 td.hide-for-xlarge-up, #stacks_in_1385 th.hide-for-xxlarge-only, #stacks_in_1385 td.hide-for-xxlarge-only, #stacks_in_1385 th.hide-for-xxlarge-up, #stacks_in_1385 td.hide-for-xxlarge-up { display: table-cell !important; } } /* medium displays */ @media only screen and (min-width: 40.063em) { #stacks_in_1385 .hide-for-small-only, #stacks_in_1385 .show-for-small-up, #stacks_in_1385 .hide-for-small, #stacks_in_1385 .hide-for-small-down, #stacks_in_1385 .show-for-medium-only, #stacks_in_1385 .show-for-medium-up, #stacks_in_1385 .show-for-medium, #stacks_in_1385 .show-for-medium-down, #stacks_in_1385 .hide-for-large-only, #stacks_in_1385 .hide-for-large-up, #stacks_in_1385 .hide-for-large, #stacks_in_1385 .show-for-large-down, #stacks_in_1385 .hide-for-xlarge-only, #stacks_in_1385 .hide-for-xlarge-up, #stacks_in_1385 .hide-for-xxlarge-only, #stacks_in_1385 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_1385 .show-for-small-only, #stacks_in_1385 .hide-for-small-up, #stacks_in_1385 .show-for-small, #stacks_in_1385 .show-for-small-down, #stacks_in_1385 .hide-for-medium-only, #stacks_in_1385 .hide-for-medium-up, #stacks_in_1385 .hide-for-medium, #stacks_in_1385 .hide-for-medium-down, #stacks_in_1385 .show-for-large-only, #stacks_in_1385 .show-for-large-up, #stacks_in_1385 .show-for-large, #stacks_in_1385 .hide-for-large-down, #stacks_in_1385 .show-for-xlarge-only, #stacks_in_1385 .show-for-xlarge-up, #stacks_in_1385 .show-for-xxlarge-only, #stacks_in_1385 .show-for-xxlarge-up { display: none !important; } #stacks_in_1385 .hidden-for-small-only, #stacks_in_1385 .visible-for-small-up, #stacks_in_1385 .hidden-for-small, #stacks_in_1385 .hidden-for-small-down, #stacks_in_1385 .visible-for-medium-only, #stacks_in_1385 .visible-for-medium-up, #stacks_in_1385 .visible-for-medium, #stacks_in_1385 .visible-for-medium-down, #stacks_in_1385 .hidden-for-large-only, #stacks_in_1385 .hidden-for-large-up, #stacks_in_1385 .hidden-for-large, #stacks_in_1385 .visible-for-large-down, #stacks_in_1385 .hidden-for-xlarge-only, #stacks_in_1385 .hidden-for-xlarge-up, #stacks_in_1385 .hidden-for-xxlarge-only, #stacks_in_1385 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1385 .visible-for-small-only, #stacks_in_1385 .hidden-for-small-up, #stacks_in_1385 .visible-for-small, #stacks_in_1385 .visible-for-small-down, #stacks_in_1385 .hidden-for-medium-only, #stacks_in_1385 .hidden-for-medium-up, #stacks_in_1385 .hidden-for-medium, #stacks_in_1385 .hidden-for-medium-down, #stacks_in_1385 .visible-for-large-only, #stacks_in_1385 .visible-for-large-up, #stacks_in_1385 .visible-for-large, #stacks_in_1385 .hidden-for-large-down, #stacks_in_1385 .visible-for-xlarge-only, #stacks_in_1385 .visible-for-xlarge-up, #stacks_in_1385 .visible-for-xxlarge-only, #stacks_in_1385 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1385 table.hide-for-small-only, #stacks_in_1385 table.show-for-small-up, #stacks_in_1385 table.hide-for-small, #stacks_in_1385 table.hide-for-small-down, #stacks_in_1385 table.show-for-medium-only, #stacks_in_1385 table.show-for-medium-up, #stacks_in_1385 table.show-for-medium, #stacks_in_1385 table.show-for-medium-down, #stacks_in_1385 table.hide-for-large-only, #stacks_in_1385 table.hide-for-large-up, #stacks_in_1385 table.hide-for-large, #stacks_in_1385 table.show-for-large-down, #stacks_in_1385 table.hide-for-xlarge-only, #stacks_in_1385 table.hide-for-xlarge-up, #stacks_in_1385 table.hide-for-xxlarge-only, #stacks_in_1385 table.hide-for-xxlarge-up { display: table; } #stacks_in_1385 thead.hide-for-small-only, #stacks_in_1385 thead.show-for-small-up, #stacks_in_1385 thead.hide-for-small, #stacks_in_1385 thead.hide-for-small-down, #stacks_in_1385 thead.show-for-medium-only, #stacks_in_1385 thead.show-for-medium-up, #stacks_in_1385 thead.show-for-medium, #stacks_in_1385 thead.show-for-medium-down, #stacks_in_1385 thead.hide-for-large-only, #stacks_in_1385 thead.hide-for-large-up, #stacks_in_1385 thead.hide-for-large, #stacks_in_1385 thead.show-for-large-down, #stacks_in_1385 thead.hide-for-xlarge-only, #stacks_in_1385 thead.hide-for-xlarge-up, #stacks_in_1385 thead.hide-for-xxlarge-only, #stacks_in_1385 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1385 tbody.hide-for-small-only, #stacks_in_1385 tbody.show-for-small-up, #stacks_in_1385 tbody.hide-for-small, #stacks_in_1385 tbody.hide-for-small-down, #stacks_in_1385 tbody.show-for-medium-only, #stacks_in_1385 tbody.show-for-medium-up, #stacks_in_1385 tbody.show-for-medium, #stacks_in_1385 tbody.show-for-medium-down, #stacks_in_1385 tbody.hide-for-large-only, #stacks_in_1385 tbody.hide-for-large-up, #stacks_in_1385 tbody.hide-for-large, #stacks_in_1385 tbody.show-for-large-down, #stacks_in_1385 tbody.hide-for-xlarge-only, #stacks_in_1385 tbody.hide-for-xlarge-up, #stacks_in_1385 tbody.hide-for-xxlarge-only, #stacks_in_1385 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1385 tr.hide-for-small-only, #stacks_in_1385 tr.show-for-small-up, #stacks_in_1385 tr.hide-for-small, #stacks_in_1385 tr.hide-for-small-down, #stacks_in_1385 tr.show-for-medium-only, #stacks_in_1385 tr.show-for-medium-up, #stacks_in_1385 tr.show-for-medium, #stacks_in_1385 tr.show-for-medium-down, #stacks_in_1385 tr.hide-for-large-only, #stacks_in_1385 tr.hide-for-large-up, #stacks_in_1385 tr.hide-for-large, #stacks_in_1385 tr.show-for-large-down, #stacks_in_1385 tr.hide-for-xlarge-only, #stacks_in_1385 tr.hide-for-xlarge-up, #stacks_in_1385 tr.hide-for-xxlarge-only, #stacks_in_1385 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_1385 th.hide-for-small-only, #stacks_in_1385 td.hide-for-small-only, #stacks_in_1385 th.show-for-small-up, #stacks_in_1385 td.show-for-small-up, #stacks_in_1385 th.hide-for-small, #stacks_in_1385 td.hide-for-small, #stacks_in_1385 th.hide-for-small-down, #stacks_in_1385 td.hide-for-small-down, #stacks_in_1385 th.show-for-medium-only, #stacks_in_1385 td.show-for-medium-only, #stacks_in_1385 th.show-for-medium-up, #stacks_in_1385 td.show-for-medium-up, #stacks_in_1385 th.show-for-medium, #stacks_in_1385 td.show-for-medium, #stacks_in_1385 th.show-for-medium-down, #stacks_in_1385 td.show-for-medium-down, #stacks_in_1385 th.hide-for-large-only, #stacks_in_1385 td.hide-for-large-only, #stacks_in_1385 th.hide-for-large-up, #stacks_in_1385 td.hide-for-large-up, #stacks_in_1385 th.hide-for-large, #stacks_in_1385 td.hide-for-large, #stacks_in_1385 th.show-for-large-down, #stacks_in_1385 td.show-for-large-down, #stacks_in_1385 th.hide-for-xlarge-only, #stacks_in_1385 td.hide-for-xlarge-only, #stacks_in_1385 th.hide-for-xlarge-up, #stacks_in_1385 td.hide-for-xlarge-up, #stacks_in_1385 th.hide-for-xxlarge-only, #stacks_in_1385 td.hide-for-xxlarge-only, #stacks_in_1385 th.hide-for-xxlarge-up, #stacks_in_1385 td.hide-for-xxlarge-up { display: table-cell !important; } } /* large displays */ @media only screen and (min-width: 64.063em) { #stacks_in_1385 .hide-for-small-only, #stacks_in_1385 .show-for-small-up, #stacks_in_1385 .hide-for-small, #stacks_in_1385 .hide-for-small-down, #stacks_in_1385 .hide-for-medium-only, #stacks_in_1385 .show-for-medium-up, #stacks_in_1385 .hide-for-medium, #stacks_in_1385 .hide-for-medium-down, #stacks_in_1385 .show-for-large-only, #stacks_in_1385 .show-for-large-up, #stacks_in_1385 .show-for-large, #stacks_in_1385 .show-for-large-down, #stacks_in_1385 .hide-for-xlarge-only, #stacks_in_1385 .hide-for-xlarge-up, #stacks_in_1385 .hide-for-xxlarge-only, #stacks_in_1385 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_1385 .show-for-small-only, #stacks_in_1385 .hide-for-small-up, #stacks_in_1385 .show-for-small, #stacks_in_1385 .show-for-small-down, #stacks_in_1385 .show-for-medium-only, #stacks_in_1385 .hide-for-medium-up, #stacks_in_1385 .show-for-medium, #stacks_in_1385 .show-for-medium-down, #stacks_in_1385 .hide-for-large-only, #stacks_in_1385 .hide-for-large-up, #stacks_in_1385 .hide-for-large, #stacks_in_1385 .hide-for-large-down, #stacks_in_1385 .show-for-xlarge-only, #stacks_in_1385 .show-for-xlarge-up, #stacks_in_1385 .show-for-xxlarge-only, #stacks_in_1385 .show-for-xxlarge-up { display: none !important; } #stacks_in_1385 .hidden-for-small-only, #stacks_in_1385 .visible-for-small-up, #stacks_in_1385 .hidden-for-small, #stacks_in_1385 .hidden-for-small-down, #stacks_in_1385 .hidden-for-medium-only, #stacks_in_1385 .visible-for-medium-up, #stacks_in_1385 .hidden-for-medium, #stacks_in_1385 .hidden-for-medium-down, #stacks_in_1385 .visible-for-large-only, #stacks_in_1385 .visible-for-large-up, #stacks_in_1385 .visible-for-large, #stacks_in_1385 .visible-for-large-down, #stacks_in_1385 .hidden-for-xlarge-only, #stacks_in_1385 .hidden-for-xlarge-up, #stacks_in_1385 .hidden-for-xxlarge-only, #stacks_in_1385 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1385 .visible-for-small-only, #stacks_in_1385 .hidden-for-small-up, #stacks_in_1385 .visible-for-small, #stacks_in_1385 .visible-for-small-down, #stacks_in_1385 .visible-for-medium-only, #stacks_in_1385 .hidden-for-medium-up, #stacks_in_1385 .visible-for-medium, #stacks_in_1385 .visible-for-medium-down, #stacks_in_1385 .hidden-for-large-only, #stacks_in_1385 .hidden-for-large-up, #stacks_in_1385 .hidden-for-large, #stacks_in_1385 .hidden-for-large-down, #stacks_in_1385 .visible-for-xlarge-only, #stacks_in_1385 .visible-for-xlarge-up, #stacks_in_1385 .visible-for-xxlarge-only, #stacks_in_1385 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1385 table.hide-for-small-only, #stacks_in_1385 table.show-for-small-up, #stacks_in_1385 table.hide-for-small, #stacks_in_1385 table.hide-for-small-down, #stacks_in_1385 table.hide-for-medium-only, #stacks_in_1385 table.show-for-medium-up, #stacks_in_1385 table.hide-for-medium, #stacks_in_1385 table.hide-for-medium-down, #stacks_in_1385 table.show-for-large-only, #stacks_in_1385 table.show-for-large-up, #stacks_in_1385 table.show-for-large, #stacks_in_1385 table.show-for-large-down, #stacks_in_1385 table.hide-for-xlarge-only, #stacks_in_1385 table.hide-for-xlarge-up, #stacks_in_1385 table.hide-for-xxlarge-only, #stacks_in_1385 table.hide-for-xxlarge-up { display: table; } #stacks_in_1385 thead.hide-for-small-only, #stacks_in_1385 thead.show-for-small-up, #stacks_in_1385 thead.hide-for-small, #stacks_in_1385 thead.hide-for-small-down, #stacks_in_1385 thead.hide-for-medium-only, #stacks_in_1385 thead.show-for-medium-up, #stacks_in_1385 thead.hide-for-medium, #stacks_in_1385 thead.hide-for-medium-down, #stacks_in_1385 thead.show-for-large-only, #stacks_in_1385 thead.show-for-large-up, #stacks_in_1385 thead.show-for-large, #stacks_in_1385 thead.show-for-large-down, #stacks_in_1385 thead.hide-for-xlarge-only, #stacks_in_1385 thead.hide-for-xlarge-up, #stacks_in_1385 thead.hide-for-xxlarge-only, #stacks_in_1385 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1385 tbody.hide-for-small-only, #stacks_in_1385 tbody.show-for-small-up, #stacks_in_1385 tbody.hide-for-small, #stacks_in_1385 tbody.hide-for-small-down, #stacks_in_1385 tbody.hide-for-medium-only, #stacks_in_1385 tbody.show-for-medium-up, #stacks_in_1385 tbody.hide-for-medium, #stacks_in_1385 tbody.hide-for-medium-down, #stacks_in_1385 tbody.show-for-large-only, #stacks_in_1385 tbody.show-for-large-up, #stacks_in_1385 tbody.show-for-large, #stacks_in_1385 tbody.show-for-large-down, #stacks_in_1385 tbody.hide-for-xlarge-only, #stacks_in_1385 tbody.hide-for-xlarge-up, #stacks_in_1385 tbody.hide-for-xxlarge-only, #stacks_in_1385 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1385 tr.hide-for-small-only, #stacks_in_1385 tr.show-for-small-up, #stacks_in_1385 tr.hide-for-small, #stacks_in_1385 tr.hide-for-small-down, #stacks_in_1385 tr.hide-for-medium-only, #stacks_in_1385 tr.show-for-medium-up, #stacks_in_1385 tr.hide-for-medium, #stacks_in_1385 tr.hide-for-medium-down, #stacks_in_1385 tr.show-for-large-only, #stacks_in_1385 tr.show-for-large-up, #stacks_in_1385 tr.show-for-large, #stacks_in_1385 tr.show-for-large-down, #stacks_in_1385 tr.hide-for-xlarge-only, #stacks_in_1385 tr.hide-for-xlarge-up, #stacks_in_1385 tr.hide-for-xxlarge-only, #stacks_in_1385 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_1385 th.hide-for-small-only, #stacks_in_1385 td.hide-for-small-only, #stacks_in_1385 th.show-for-small-up, #stacks_in_1385 td.show-for-small-up, #stacks_in_1385 th.hide-for-small, #stacks_in_1385 td.hide-for-small, #stacks_in_1385 th.hide-for-small-down, #stacks_in_1385 td.hide-for-small-down, #stacks_in_1385 th.hide-for-medium-only, #stacks_in_1385 td.hide-for-medium-only, #stacks_in_1385 th.show-for-medium-up, #stacks_in_1385 td.show-for-medium-up, #stacks_in_1385 th.hide-for-medium, #stacks_in_1385 td.hide-for-medium, #stacks_in_1385 th.hide-for-medium-down, #stacks_in_1385 td.hide-for-medium-down, #stacks_in_1385 th.show-for-large-only, #stacks_in_1385 td.show-for-large-only, #stacks_in_1385 th.show-for-large-up, #stacks_in_1385 td.show-for-large-up, #stacks_in_1385 th.show-for-large, #stacks_in_1385 td.show-for-large, #stacks_in_1385 th.show-for-large-down, #stacks_in_1385 td.show-for-large-down, #stacks_in_1385 th.hide-for-xlarge-only, #stacks_in_1385 td.hide-for-xlarge-only, #stacks_in_1385 th.hide-for-xlarge-up, #stacks_in_1385 td.hide-for-xlarge-up, #stacks_in_1385 th.hide-for-xxlarge-only, #stacks_in_1385 td.hide-for-xxlarge-only, #stacks_in_1385 th.hide-for-xxlarge-up, #stacks_in_1385 td.hide-for-xxlarge-up { display: table-cell !important; } } /* xlarge displays */ @media only screen and (min-width: 90.063em) { #stacks_in_1385 .hide-for-small-only, #stacks_in_1385 .show-for-small-up, #stacks_in_1385 .hide-for-small, #stacks_in_1385 .hide-for-small-down, #stacks_in_1385 .hide-for-medium-only, #stacks_in_1385 .show-for-medium-up, #stacks_in_1385 .hide-for-medium, #stacks_in_1385 .hide-for-medium-down, #stacks_in_1385 .hide-for-large-only, #stacks_in_1385 .show-for-large-up, #stacks_in_1385 .hide-for-large, #stacks_in_1385 .hide-for-large-down, #stacks_in_1385 .show-for-xlarge-only, #stacks_in_1385 .show-for-xlarge-up, #stacks_in_1385 .hide-for-xxlarge-only, #stacks_in_1385 .hide-for-xxlarge-up { display: inherit !important; } #stacks_in_1385 .show-for-small-only, #stacks_in_1385 .hide-for-small-up, #stacks_in_1385 .show-for-small, #stacks_in_1385 .show-for-small-down, #stacks_in_1385 .show-for-medium-only, #stacks_in_1385 .hide-for-medium-up, #stacks_in_1385 .show-for-medium, #stacks_in_1385 .show-for-medium-down, #stacks_in_1385 .show-for-large-only, #stacks_in_1385 .hide-for-large-up, #stacks_in_1385 .show-for-large, #stacks_in_1385 .show-for-large-down, #stacks_in_1385 .hide-for-xlarge-only, #stacks_in_1385 .hide-for-xlarge-up, #stacks_in_1385 .show-for-xxlarge-only, #stacks_in_1385 .show-for-xxlarge-up { display: none !important; } #stacks_in_1385 .hidden-for-small-only, #stacks_in_1385 .visible-for-small-up, #stacks_in_1385 .hidden-for-small, #stacks_in_1385 .hidden-for-small-down, #stacks_in_1385 .hidden-for-medium-only, #stacks_in_1385 .visible-for-medium-up, #stacks_in_1385 .hidden-for-medium, #stacks_in_1385 .hidden-for-medium-down, #stacks_in_1385 .hidden-for-large-only, #stacks_in_1385 .visible-for-large-up, #stacks_in_1385 .hidden-for-large, #stacks_in_1385 .hidden-for-large-down, #stacks_in_1385 .visible-for-xlarge-only, #stacks_in_1385 .visible-for-xlarge-up, #stacks_in_1385 .hidden-for-xxlarge-only, #stacks_in_1385 .hidden-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1385 .visible-for-small-only, #stacks_in_1385 .hidden-for-small-up, #stacks_in_1385 .visible-for-small, #stacks_in_1385 .visible-for-small-down, #stacks_in_1385 .visible-for-medium-only, #stacks_in_1385 .hidden-for-medium-up, #stacks_in_1385 .visible-for-medium, #stacks_in_1385 .visible-for-medium-down, #stacks_in_1385 .visible-for-large-only, #stacks_in_1385 .hidden-for-large-up, #stacks_in_1385 .visible-for-large, #stacks_in_1385 .visible-for-large-down, #stacks_in_1385 .hidden-for-xlarge-only, #stacks_in_1385 .hidden-for-xlarge-up, #stacks_in_1385 .visible-for-xxlarge-only, #stacks_in_1385 .visible-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1385 table.hide-for-small-only, #stacks_in_1385 table.show-for-small-up, #stacks_in_1385 table.hide-for-small, #stacks_in_1385 table.hide-for-small-down, #stacks_in_1385 table.hide-for-medium-only, #stacks_in_1385 table.show-for-medium-up, #stacks_in_1385 table.hide-for-medium, #stacks_in_1385 table.hide-for-medium-down, #stacks_in_1385 table.hide-for-large-only, #stacks_in_1385 table.show-for-large-up, #stacks_in_1385 table.hide-for-large, #stacks_in_1385 table.hide-for-large-down, #stacks_in_1385 table.show-for-xlarge-only, #stacks_in_1385 table.show-for-xlarge-up, #stacks_in_1385 table.hide-for-xxlarge-only, #stacks_in_1385 table.hide-for-xxlarge-up { display: table; } #stacks_in_1385 thead.hide-for-small-only, #stacks_in_1385 thead.show-for-small-up, #stacks_in_1385 thead.hide-for-small, #stacks_in_1385 thead.hide-for-small-down, #stacks_in_1385 thead.hide-for-medium-only, #stacks_in_1385 thead.show-for-medium-up, #stacks_in_1385 thead.hide-for-medium, #stacks_in_1385 thead.hide-for-medium-down, #stacks_in_1385 thead.hide-for-large-only, #stacks_in_1385 thead.show-for-large-up, #stacks_in_1385 thead.hide-for-large, #stacks_in_1385 thead.hide-for-large-down, #stacks_in_1385 thead.show-for-xlarge-only, #stacks_in_1385 thead.show-for-xlarge-up, #stacks_in_1385 thead.hide-for-xxlarge-only, #stacks_in_1385 thead.hide-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1385 tbody.hide-for-small-only, #stacks_in_1385 tbody.show-for-small-up, #stacks_in_1385 tbody.hide-for-small, #stacks_in_1385 tbody.hide-for-small-down, #stacks_in_1385 tbody.hide-for-medium-only, #stacks_in_1385 tbody.show-for-medium-up, #stacks_in_1385 tbody.hide-for-medium, #stacks_in_1385 tbody.hide-for-medium-down, #stacks_in_1385 tbody.hide-for-large-only, #stacks_in_1385 tbody.show-for-large-up, #stacks_in_1385 tbody.hide-for-large, #stacks_in_1385 tbody.hide-for-large-down, #stacks_in_1385 tbody.show-for-xlarge-only, #stacks_in_1385 tbody.show-for-xlarge-up, #stacks_in_1385 tbody.hide-for-xxlarge-only, #stacks_in_1385 tbody.hide-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1385 tr.hide-for-small-only, #stacks_in_1385 tr.show-for-small-up, #stacks_in_1385 tr.hide-for-small, #stacks_in_1385 tr.hide-for-small-down, #stacks_in_1385 tr.hide-for-medium-only, #stacks_in_1385 tr.show-for-medium-up, #stacks_in_1385 tr.hide-for-medium, #stacks_in_1385 tr.hide-for-medium-down, #stacks_in_1385 tr.hide-for-large-only, #stacks_in_1385 tr.show-for-large-up, #stacks_in_1385 tr.hide-for-large, #stacks_in_1385 tr.hide-for-large-down, #stacks_in_1385 tr.show-for-xlarge-only, #stacks_in_1385 tr.show-for-xlarge-up, #stacks_in_1385 tr.hide-for-xxlarge-only, #stacks_in_1385 tr.hide-for-xxlarge-up { display: table-row !important; } #stacks_in_1385 th.hide-for-small-only, #stacks_in_1385 td.hide-for-small-only, #stacks_in_1385 th.show-for-small-up, #stacks_in_1385 td.show-for-small-up, #stacks_in_1385 th.hide-for-small, #stacks_in_1385 td.hide-for-small, #stacks_in_1385 th.hide-for-small-down, #stacks_in_1385 td.hide-for-small-down, #stacks_in_1385 th.hide-for-medium-only, #stacks_in_1385 td.hide-for-medium-only, #stacks_in_1385 th.show-for-medium-up, #stacks_in_1385 td.show-for-medium-up, #stacks_in_1385 th.hide-for-medium, #stacks_in_1385 td.hide-for-medium, #stacks_in_1385 th.hide-for-medium-down, #stacks_in_1385 td.hide-for-medium-down, #stacks_in_1385 th.hide-for-large-only, #stacks_in_1385 td.hide-for-large-only, #stacks_in_1385 th.show-for-large-up, #stacks_in_1385 td.show-for-large-up, #stacks_in_1385 th.hide-for-large, #stacks_in_1385 td.hide-for-large, #stacks_in_1385 th.hide-for-large-down, #stacks_in_1385 td.hide-for-large-down, #stacks_in_1385 th.show-for-xlarge-only, #stacks_in_1385 td.show-for-xlarge-only, #stacks_in_1385 th.show-for-xlarge-up, #stacks_in_1385 td.show-for-xlarge-up, #stacks_in_1385 th.hide-for-xxlarge-only, #stacks_in_1385 td.hide-for-xxlarge-only, #stacks_in_1385 th.hide-for-xxlarge-up, #stacks_in_1385 td.hide-for-xxlarge-up { display: table-cell !important; } } /* xxlarge displays */ @media only screen and (min-width: 120.063em) { #stacks_in_1385 .hide-for-small-only, #stacks_in_1385 .show-for-small-up, #stacks_in_1385 .hide-for-small, #stacks_in_1385 .hide-for-small-down, #stacks_in_1385 .hide-for-medium-only, #stacks_in_1385 .show-for-medium-up, #stacks_in_1385 .hide-for-medium, #stacks_in_1385 .hide-for-medium-down, #stacks_in_1385 .hide-for-large-only, #stacks_in_1385 .show-for-large-up, #stacks_in_1385 .hide-for-large, #stacks_in_1385 .hide-for-large-down, #stacks_in_1385 .hide-for-xlarge-only, #stacks_in_1385 .show-for-xlarge-up, #stacks_in_1385 .show-for-xxlarge-only, #stacks_in_1385 .show-for-xxlarge-up { display: inherit !important; } #stacks_in_1385 .show-for-small-only, #stacks_in_1385 .hide-for-small-up, #stacks_in_1385 .show-for-small, #stacks_in_1385 .show-for-small-down, #stacks_in_1385 .show-for-medium-only, #stacks_in_1385 .hide-for-medium-up, #stacks_in_1385 .show-for-medium, #stacks_in_1385 .show-for-medium-down, #stacks_in_1385 .show-for-large-only, #stacks_in_1385 .hide-for-large-up, #stacks_in_1385 .show-for-large, #stacks_in_1385 .show-for-large-down, #stacks_in_1385 .show-for-xlarge-only, #stacks_in_1385 .hide-for-xlarge-up, #stacks_in_1385 .hide-for-xxlarge-only, #stacks_in_1385 .hide-for-xxlarge-up { display: none !important; } #stacks_in_1385 .hidden-for-small-only, #stacks_in_1385 .visible-for-small-up, #stacks_in_1385 .hidden-for-small, #stacks_in_1385 .hidden-for-small-down, #stacks_in_1385 .hidden-for-medium-only, #stacks_in_1385 .visible-for-medium-up, #stacks_in_1385 .hidden-for-medium, #stacks_in_1385 .hidden-for-medium-down, #stacks_in_1385 .hidden-for-large-only, #stacks_in_1385 .visible-for-large-up, #stacks_in_1385 .hidden-for-large, #stacks_in_1385 .hidden-for-large-down, #stacks_in_1385 .hidden-for-xlarge-only, #stacks_in_1385 .visible-for-xlarge-up, #stacks_in_1385 .visible-for-xxlarge-only, #stacks_in_1385 .visible-for-xxlarge-up { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } #stacks_in_1385 .visible-for-small-only, #stacks_in_1385 .hidden-for-small-up, #stacks_in_1385 .visible-for-small, #stacks_in_1385 .visible-for-small-down, #stacks_in_1385 .visible-for-medium-only, #stacks_in_1385 .hidden-for-medium-up, #stacks_in_1385 .visible-for-medium, #stacks_in_1385 .visible-for-medium-down, #stacks_in_1385 .visible-for-large-only, #stacks_in_1385 .hidden-for-large-up, #stacks_in_1385 .visible-for-large, #stacks_in_1385 .visible-for-large-down, #stacks_in_1385 .visible-for-xlarge-only, #stacks_in_1385 .hidden-for-xlarge-up, #stacks_in_1385 .hidden-for-xxlarge-only, #stacks_in_1385 .hidden-for-xxlarge-up { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #stacks_in_1385 table.hide-for-small-only, #stacks_in_1385 table.show-for-small-up, #stacks_in_1385 table.hide-for-small, #stacks_in_1385 table.hide-for-small-down, #stacks_in_1385 table.hide-for-medium-only, #stacks_in_1385 table.show-for-medium-up, #stacks_in_1385 table.hide-for-medium, #stacks_in_1385 table.hide-for-medium-down, #stacks_in_1385 table.hide-for-large-only, #stacks_in_1385 table.show-for-large-up, #stacks_in_1385 table.hide-for-large, #stacks_in_1385 table.hide-for-large-down, #stacks_in_1385 table.hide-for-xlarge-only, #stacks_in_1385 table.show-for-xlarge-up, #stacks_in_1385 table.show-for-xxlarge-only, #stacks_in_1385 table.show-for-xxlarge-up { display: table; } #stacks_in_1385 thead.hide-for-small-only, #stacks_in_1385 thead.show-for-small-up, #stacks_in_1385 thead.hide-for-small, #stacks_in_1385 thead.hide-for-small-down, #stacks_in_1385 thead.hide-for-medium-only, #stacks_in_1385 thead.show-for-medium-up, #stacks_in_1385 thead.hide-for-medium, #stacks_in_1385 thead.hide-for-medium-down, #stacks_in_1385 thead.hide-for-large-only, #stacks_in_1385 thead.show-for-large-up, #stacks_in_1385 thead.hide-for-large, #stacks_in_1385 thead.hide-for-large-down, #stacks_in_1385 thead.hide-for-xlarge-only, #stacks_in_1385 thead.show-for-xlarge-up, #stacks_in_1385 thead.show-for-xxlarge-only, #stacks_in_1385 thead.show-for-xxlarge-up { display: table-header-group !important; } #stacks_in_1385 tbody.hide-for-small-only, #stacks_in_1385 tbody.show-for-small-up, #stacks_in_1385 tbody.hide-for-small, #stacks_in_1385 tbody.hide-for-small-down, #stacks_in_1385 tbody.hide-for-medium-only, #stacks_in_1385 tbody.show-for-medium-up, #stacks_in_1385 tbody.hide-for-medium, #stacks_in_1385 tbody.hide-for-medium-down, #stacks_in_1385 tbody.hide-for-large-only, #stacks_in_1385 tbody.show-for-large-up, #stacks_in_1385 tbody.hide-for-large, #stacks_in_1385 tbody.hide-for-large-down, #stacks_in_1385 tbody.hide-for-xlarge-only, #stacks_in_1385 tbody.show-for-xlarge-up, #stacks_in_1385 tbody.show-for-xxlarge-only, #stacks_in_1385 tbody.show-for-xxlarge-up { display: table-row-group !important; } #stacks_in_1385 tr.hide-for-small-only, #stacks_in_1385 tr.show-for-small-up, #stacks_in_1385 tr.hide-for-small, #stacks_in_1385 tr.hide-for-small-down, #stacks_in_1385 tr.hide-for-medium-only, #stacks_in_1385 tr.show-for-medium-up, #stacks_in_1385 tr.hide-for-medium, #stacks_in_1385 tr.hide-for-medium-down, #stacks_in_1385 tr.hide-for-large-only, #stacks_in_1385 tr.show-for-large-up, #stacks_in_1385 tr.hide-for-large, #stacks_in_1385 tr.hide-for-large-down, #stacks_in_1385 tr.hide-for-xlarge-only, #stacks_in_1385 tr.show-for-xlarge-up, #stacks_in_1385 tr.show-for-xxlarge-only, #stacks_in_1385 tr.show-for-xxlarge-up { display: table-row !important; } #stacks_in_1385 th.hide-for-small-only, #stacks_in_1385 td.hide-for-small-only, #stacks_in_1385 th.show-for-small-up, #stacks_in_1385 td.show-for-small-up, #stacks_in_1385 th.hide-for-small, #stacks_in_1385 td.hide-for-small, #stacks_in_1385 th.hide-for-small-down, #stacks_in_1385 td.hide-for-small-down, #stacks_in_1385 th.hide-for-medium-only, #stacks_in_1385 td.hide-for-medium-only, #stacks_in_1385 th.show-for-medium-up, #stacks_in_1385 td.show-for-medium-up, #stacks_in_1385 th.hide-for-medium, #stacks_in_1385 td.hide-for-medium, #stacks_in_1385 th.hide-for-medium-down, #stacks_in_1385 td.hide-for-medium-down, #stacks_in_1385 th.hide-for-large-only, #stacks_in_1385 td.hide-for-large-only, #stacks_in_1385 th.show-for-large-up, #stacks_in_1385 td.show-for-large-up, #stacks_in_1385 th.hide-for-large, #stacks_in_1385 td.hide-for-large, #stacks_in_1385 th.hide-for-large-down, #stacks_in_1385 td.hide-for-large-down, #stacks_in_1385 th.hide-for-xlarge-only, #stacks_in_1385 td.hide-for-xlarge-only, #stacks_in_1385 th.show-for-xlarge-up, #stacks_in_1385 td.show-for-xlarge-up, #stacks_in_1385 th.show-for-xxlarge-only, #stacks_in_1385 td.show-for-xxlarge-only, #stacks_in_1385 th.show-for-xxlarge-up, #stacks_in_1385 td.show-for-xxlarge-up { display: table-cell !important; } } /* Orientation targeting */ .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } /* Specific visibility for tables */ #stacks_in_1385 table.hide-for-landscape, #stacks_in_1385 table.show-for-portrait { display: table; } #stacks_in_1385 thead.hide-for-landscape, #stacks_in_1385 thead.show-for-portrait { display: table-header-group !important; } #stacks_in_1385 tbody.hide-for-landscape, #stacks_in_1385 tbody.show-for-portrait { display: table-row-group !important; } #stacks_in_1385 tr.hide-for-landscape, #stacks_in_1385 tr.show-for-portrait { display: table-row !important; } #stacks_in_1385 td.hide-for-landscape, #stacks_in_1385 td.show-for-portrait, #stacks_in_1385 th.hide-for-landscape, #stacks_in_1385 th.show-for-portrait { display: table-cell !important; } @media only screen and (orientation: landscape) { #stacks_in_1385 .show-for-landscape, #stacks_in_1385 .hide-for-portrait { display: inherit !important; } #stacks_in_1385 .hide-for-landscape, #stacks_in_1385 .show-for-portrait { display: none !important; } /* Specific visibility for tables */ #stacks_in_1385 table.show-for-landscape, #stacks_in_1385 table.hide-for-portrait { display: table; } #stacks_in_1385 thead.show-for-landscape, #stacks_in_1385 thead.hide-for-portrait { display: table-header-group !important; } #stacks_in_1385 tbody.show-for-landscape, #stacks_in_1385 tbody.hide-for-portrait { display: table-row-group !important; } #stacks_in_1385 tr.show-for-landscape, #stacks_in_1385 tr.hide-for-portrait { display: table-row !important; } #stacks_in_1385 td.show-for-landscape, #stacks_in_1385 td.hide-for-portrait, #stacks_in_1385 th.show-for-landscape, #stacks_in_1385 th.hide-for-portrait { display: table-cell !important; } } @media only screen and (orientation: portrait) { #stacks_in_1385 .show-for-portrait, #stacks_in_1385 .hide-for-landscape { display: inherit !important; } #stacks_in_1385 .hide-for-portrait, #stacks_in_1385 .show-for-landscape { display: none !important; } /* Specific visibility for tables */ #stacks_in_1385 table.show-for-portrait, #stacks_in_1385 table.hide-for-landscape { display: table; } #stacks_in_1385 thead.show-for-portrait, #stacks_in_1385 thead.hide-for-landscape { display: table-header-group !important; } #stacks_in_1385 tbody.show-for-portrait, #stacks_in_1385 tbody.hide-for-landscape { display: table-row-group !important; } #stacks_in_1385 tr.show-for-portrait, #stacks_in_1385 tr.hide-for-landscape { display: table-row !important; } #stacks_in_1385 td.show-for-portrait, #stacks_in_1385 td.hide-for-landscape, #stacks_in_1385 th.show-for-portrait, #stacks_in_1385 th.hide-for-landscape { display: table-cell !important; } } /* Touch-enabled device targeting */ .show-for-touch { display: none !important; } .hide-for-touch { display: inherit !important; } .touch #stacks_in_1385 .show-for-touch { display: inherit !important; } .touch #stacks_in_1385 .hide-for-touch { display: none !important; } /* Specific visibility for tables */ #stacks_in_1385 table.hide-for-touch { display: table; } .touch #stacks_in_1385 table.show-for-touch { display: table; } #stacks_in_1385 thead.hide-for-touch { display: table-header-group !important; } .touch #stacks_in_1385 thead.show-for-touch { display: table-header-group !important; } #stacks_in_1385 tbody.hide-for-touch { display: table-row-group !important; } .touch #stacks_in_1385 tbody.show-for-touch { display: table-row-group !important; } #stacks_in_1385 tr.hide-for-touch { display: table-row !important; } .touch #stacks_in_1385 tr.show-for-touch { display: table-row !important; } #stacks_in_1385 td.hide-for-touch { display: table-cell !important; } .touch #stacks_in_1385 td.show-for-touch { display: table-cell !important; } #stacks_in_1385 th.hide-for-touch { display: table-cell !important; } .touch #stacks_in_1385 th.show-for-touch { display: table-cell !important; } /* Print visibility */ @media print { #stacks_in_1385 .show-for-print { display: block; } #stacks_in_1385 .hide-for-print { display: none; } #stacks_in_1385 table.show-for-print { display: table; } #stacks_in_1385 thead.show-for-print { display: table-header-group !important; } #stacks_in_1385 tbody.show-for-print { display: table-row-group !important; } #stacks_in_1385 tr.show-for-print { display: table-row !important; } #stacks_in_1385 td.show-for-print { display: table-cell !important; } #stacks_in_1385 th.show-for-print { display: table-cell !important; } } /* -------------------------------- Primary style -------------------------------- */ body.overflow-hidden { /* used when modal is visible */ overflow: hidden; } body.overflow-hidden .cd-modal { display: block !important; } /* -------------------------------- Main Components -------------------------------- */ #stacks_in_1386 .cd-section { text-align: center; position: relative; } #stacks_in_1386 .cd-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; pointer-events: none; -webkit-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; -moz-transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; transition: visibility 0s 0.3s, opacity 0.3s 0s, z-index 0s 0.3s; } #stacks_in_1386 .cd-modal .cd-modal-content { box-sizing: border-box; height: 100%; width: 100%; padding: 3em 5%; color: #FFFFFF; text-align: left; overflow-y: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_1386 .cd-modal-content a, #stacks_in_1386 .cd-modal-content a:visited { color: #DE425A; } #stacks_in_1386 .cd-modal-content a:hover, #stacks_in_1386 .cd-modal-content a:active { color: #B13448; } #stacks_in_1386 .modal-is-visible .cd-modal { z-index: 300000 !important; visibility: visible; opacity: 1; pointer-events: auto; -webkit-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; -moz-transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; transition: visibility 0s 0s, opacity 0.3s 0s, z-index 0s 0s; } #stacks_in_1386 .modal-is-visible .cd-modal .cd-modal-content { -webkit-overflow-scrolling: touch; } @media only screen and (min-width: 768px) { #stacks_in_1386 .cd-modal .cd-modal-content { padding: 4em 10%; } } @media only screen and (min-width: 1170px) { #stacks_in_1386 .cd-modal .cd-modal-content { padding: 6em 20%; } } #stacks_in_1386 .cd-modal-action { position: relative; } #stacks_in_1386 .cd-modal-action .modal_btn, #stacks_in_1386 .cd-modal-action .cd-modal-bg { display: inline-block; height: 2.5em; background-color: #336699; } #stacks_in_1386 .modal_btn, #stacks_in_1386 .cd-modal-close { text-decoration: none !important; border: none !important; } #stacks_in_1386 .cd-modal-action .modal_btn { border-radius: 5em; color: #ffffff; line-height: 2.5em; white-space: nowrap; font-weight: 700; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: color 0.2s 0.3s, width 0.3s 0s; -moz-transition: color 0.2s 0.3s, width 0.3s 0s; transition: color 0.2s 0.3s, width 0.3s 0s; overflow: hidden; } @media only screen { #stacks_in_1386 .cd-modal-action .modal_btn { width: 225px; } } @media only screen and (max-width: 720px) { #stacks_in_1386 .cd-modal-action .modal_btn { width: 100%; } } @media only screen and (max-width: 480px) { #stacks_in_1386 .cd-modal-action .modal_btn { width: 100%; } } #stacks_in_1386 .cd-modal-action .modal_btn i { margin-right: 6px; } #stacks_in_1386 .cd-modal-action .modal_btn.to-circle { width: 2.5em; color: transparent !important; -webkit-transition: color 0.2s 0s, width 0.3s 0.2s; -moz-transition: color 0.2s 0s, width 0.3s 0.2s; transition: color 0.2s 0s, width 0.3s 0.2s; } #stacks_in_1386 .cd-modal-action .cd-modal-bg { position: absolute; z-index: 300000 !important; left: 50%; top: 0; width: 2.5em; border-radius: 50%; opacity: 0; visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateX(-2em); -moz-transform: translateX(-2em); -ms-transform: translateX(-2em); -o-transform: translateX(-2em); transform: translateX(-2em); -webkit-transition: visibility 0s 0.5s; -moz-transition: visibility 0s 0.5s; transition: visibility 0s 0.5s; } #stacks_in_1386 .cd-modal-action .cd-modal-bg.is-visible { opacity: 1; visibility: visible; } #stacks_in_1386 .cd-modal-close { position: fixed; z-index: 9999999 !important; top: 20px; right: 20px; display: block; height: 50px; width: 50px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.3); background-image: url(../files/cd-icon-close.png); background-repeat: no-repeat; background-position: center center; /* image replacement */ overflow: hidden; text-indent: 100%; white-space: nowrap; visibility: hidden; opacity: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; transition: transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s; } #stacks_in_1386 .no-touch .cd-modal-close:hover { background-color: rgba(0, 0, 0, 0.5); } #stacks_in_1386 .modal-is-visible .cd-modal-close { visibility: visible; opacity: 1; -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; transition: transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } @media only screen and (min-width: 768px) { #stacks_in_1386 .cd-modal-close { top: 40px; right: 40px; } } #stacks_in_1386 .cd-modal-action a, #stacks_in_1386 .cd-modal-action a:visited, #stacks_in_1386 .cd-modal-action a:hover, #stacks_in_1386 .cd-modal-action a:active { color: #FFFFFF !important; text-decoration: none; } /* Font Selections */ #stacks_in_1386 .cd-modal-action .modal_btn { } #stacks_in_1386 { margin: 10px 0px 10px 0px; } #stacks_out_1386 { width: 48%; margin-left:0; } /* Start Print This 2 stack CSS code */ .stacks_in_1387PrintThisOuter{ background-color: #FFFFFF; padding: 15px; border: 1px dashed #CCCCCC; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .stacks_in_1387PrintThis2{ position: relative; } @font-face { font-family: "doo_fontsregular"; src: url('../files/printthis2Assets/font/doo_print-webfont.eot'); src: url('../files/printthis2Assets/font/doo_print-webfont.eot?#iefix') format('eot'), url('../files/printthis2Assets/font/doo_print-webfont.woff') format('woff'), url('../files/printthis2Assets/font/doo_print-webfont.ttf') format('truetype'), url('../files/printthis2Assets/font/doo_print-webfont.svg#doo_fontsregular') format('svg'); font-weight: normal; font-style: normal; } .stacks_in_1387PrintThisButton{ float: right; font-family: "doo_fontsregular"; font-size: 24px; line-height: 24px; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; color: #000000; cursor:pointer; } .stacks_in_1387PrintThisButton:hover{ color: #3C3C3C; } .stacks_in_1387clearer{ clear: both; height: 1px; padding: 0; margin: 0; } /* End Print This 2 stack CSS code */ #stacks_in_1394 h1,#stacks_in_1394 h1 a,#stacks_in_1394 p,#stacks_in_1394 p a{ font-size:16px; line-height:1.39em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_1394 h1,#stacks_in_1394 h1 a,#stacks_in_1394 p,#stacks_in_1394 p a{ font-size:15px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_1394 h1,#stacks_in_1394 h1 a,#stacks_in_1394 p,#stacks_in_1394 p a{ font-size:13px; } } #stacks_in_1394 h1,#stacks_in_1394 h1 a,#stacks_in_1394 p,#stacks_in_1394 p a{ color:rgba(51, 51, 51, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_1394 p a:hover, #stacks_in_1394 h1 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_out_1394 { margin-right:0; } #flex-item-stacks_in_7626 .flex-grid-item-stacks_in_7582 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_7626 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_7626 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 .flex-item-content-inner-stacks_in_7582 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7626 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_7626 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7626 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7626 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7626.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7626.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7626.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_1338>.s3_row { margin: 0 -10px; } #stacks_in_1338>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_1338>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_1338>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_1338>.s3_row { margin: -10px 0; } #stacks_in_1338>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #flex-item-stacks_in_7631 .flex-grid-item-stacks_in_7582 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_7631 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_7631 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 .flex-item-content-inner-stacks_in_7582 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7631 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_7631 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7631 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7631 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7631.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7631.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7631.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_1321>.s3_row { margin: 0 -10px; } #stacks_in_1321>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_1321>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_1321>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_1321>.s3_row { margin: -10px 0; } #stacks_in_1321>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #flex-item-stacks_in_8172 .flex-grid-item-stacks_in_7582 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_8172 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_8172 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 .flex-item-content-inner-stacks_in_7582 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8172 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_8172 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8172 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8172 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8172.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8172.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8172.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_1326>.s3_row { margin: 0 -10px; } #stacks_in_1326>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_1326>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_1326>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_1326>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_1326>.s3_row { margin: -10px 0; } #stacks_in_1326>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #flex-item-stacks_in_8175 .flex-grid-item-stacks_in_7582 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_8175 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_8175 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 .flex-item-content-inner-stacks_in_7582 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8175 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_8175 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8175 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8175 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8175.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8175.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8175.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_1307>.s3_row { margin: 0 -10px; } #stacks_in_1307>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_1307>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_1307>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_1307>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_1307>.s3_row { margin: -10px 0; } #stacks_in_1307>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #flex-item-stacks_in_8178 .flex-grid-item-stacks_in_7582 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_8178 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_8178 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 .flex-item-content-inner-stacks_in_7582 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8178 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_8178 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8178 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8178 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8178.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8178.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8178.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_1291>.s3_row { margin: 0 -10px; } #stacks_in_1291>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_1291>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_1291>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_1291>.s3_row { margin: -10px 0; } #stacks_in_1291>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #flex-item-stacks_in_8181 .flex-grid-item-stacks_in_7582 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_8181 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_8181 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 .flex-item-content-inner-stacks_in_7582 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8181 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_8181 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8181 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8181 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8181.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8181.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8181.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(255, 255, 255, 1.00); } /* -- Start Swell Each css Template -- */ #stacks_in_1084{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_1084swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_1084swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_1084swell{ max-width: 800px; } .stacks_in_1084swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_1084swell-with-zoom .mfp-container,.stacks_in_1084swell-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 198.000015ms ease-out; -moz-transition: all 198.000015ms ease-out; -o-transition: all 198.000015ms ease-out; transition: all 198.000015ms ease-out; } .stacks_in_1084swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_1084swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_1084swell-with-zoom.mfp-removing .mfp-container,.stacks_in_1084swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_1084 .swellzoomeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_1084 .swellshrinkeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_1084 .swellcircleeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #stacks_in_1084 .swellthreedeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media all and (min-width: 480px) { #stacks_in_1084 .swellzoomeffect img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } #stacks_in_1084 .swellshrinkeffect img:hover{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9); } #stacks_in_1084 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_1084 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_1084 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_1084 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_1084 .swellthreedeffect:hover{ box-shadow: 1px 1px rgba(242, 88, 95, 1.00), 2px 2px rgba(242, 88, 95, 1.00), 3px 3px rgba(242, 88, 95, 1.00); -webkit-transform: translateX(-3px); transform: translateX(-3px); } } /* -- End Swell Each css Template -- */ #stacks_in_1084 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #stacks_out_1084 { width: 60%; } #flex-item-stacks_in_8184 .flex-grid-item-stacks_in_7582 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_8184 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_8184 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 .flex-item-content-inner-stacks_in_7582 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8184 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_8184 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8184 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8184 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8184.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8184.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8184.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(255, 255, 255, 1.00); } /* -- Start Swell Each css Template -- */ #stacks_in_1174{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_1174swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_1174swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_1174swell{ max-width: 800px; } .stacks_in_1174swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_1174swell-with-zoom .mfp-container,.stacks_in_1174swell-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 198.000015ms ease-out; -moz-transition: all 198.000015ms ease-out; -o-transition: all 198.000015ms ease-out; transition: all 198.000015ms ease-out; } .stacks_in_1174swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_1174swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_1174swell-with-zoom.mfp-removing .mfp-container,.stacks_in_1174swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_1174 .swellzoomeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_1174 .swellshrinkeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_1174 .swellcircleeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #stacks_in_1174 .swellthreedeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media all and (min-width: 480px) { #stacks_in_1174 .swellzoomeffect img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } #stacks_in_1174 .swellshrinkeffect img:hover{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9); } #stacks_in_1174 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_1174 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_1174 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_1174 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_1174 .swellthreedeffect:hover{ box-shadow: 1px 1px rgba(242, 88, 95, 1.00), 2px 2px rgba(242, 88, 95, 1.00), 3px 3px rgba(242, 88, 95, 1.00); -webkit-transform: translateX(-3px); transform: translateX(-3px); } } /* -- End Swell Each css Template -- */ #stacks_in_1174 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #stacks_out_1174 { width: 60%; } #flex-item-stacks_in_8187 .flex-grid-item-stacks_in_7582 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_8187 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_8187 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 .flex-item-content-inner-stacks_in_7582 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8187 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_8187 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8187 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8187 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8187.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8187.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8187.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_1224>.s3_row { margin: 0 -10px; } #stacks_in_1224>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_1224>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_1224>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_1224>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_1224>.s3_row { margin: -10px 0; } #stacks_in_1224>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #flex-item-stacks_in_8190 .flex-grid-item-stacks_in_7582 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_8190 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_8190 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 .flex-item-content-inner-stacks_in_7582 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8190 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_8190 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8190 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8190 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8190.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8190.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8190.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_1217>.s3_row { margin: 0 -10px; } #stacks_in_1217>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_1217>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_1217>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_1217>.s3_row { margin: -10px 0; } #stacks_in_1217>.s3_row>.s3_column { padding: 10px 0; width:100%; } } /* -- Start Swell Each css Template -- */ #stacks_in_1213{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_1213swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_1213swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_1213swell{ max-width: 800px; } .stacks_in_1213swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_1213swell-with-zoom .mfp-container,.stacks_in_1213swell-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 198.000015ms ease-out; -moz-transition: all 198.000015ms ease-out; -o-transition: all 198.000015ms ease-out; transition: all 198.000015ms ease-out; } .stacks_in_1213swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_1213swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_1213swell-with-zoom.mfp-removing .mfp-container,.stacks_in_1213swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_1213 .swellzoomeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_1213 .swellshrinkeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_1213 .swellcircleeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #stacks_in_1213 .swellthreedeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media all and (min-width: 480px) { #stacks_in_1213 .swellzoomeffect img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } #stacks_in_1213 .swellshrinkeffect img:hover{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9); } #stacks_in_1213 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_1213 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_1213 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_1213 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_1213 .swellthreedeffect:hover{ box-shadow: 1px 1px rgba(242, 88, 95, 1.00), 2px 2px rgba(242, 88, 95, 1.00), 3px 3px rgba(242, 88, 95, 1.00); -webkit-transform: translateX(-3px); transform: translateX(-3px); } } /* -- End Swell Each css Template -- */ #stacks_in_1213 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #stacks_out_1213 { width: 50%; } #flex-item-stacks_in_8193 .flex-grid-item-stacks_in_7582 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_8193 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_8193 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 .flex-item-content-inner-stacks_in_7582 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8193 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_8193 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8193 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8193 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8193.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8193.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8193.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_1117>.s3_row { margin: 0 -10px; } #stacks_in_1117>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_1117>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_1117>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_1117>.s3_row { margin: -10px 0; } #stacks_in_1117>.s3_row>.s3_column { padding: 10px 0; width:100%; } } /* -- Start Swell Each css Template -- */ #stacks_in_387{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_387swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_387swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_387swell{ max-width: 800px; } .stacks_in_387swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_387swell-with-zoom .mfp-container,.stacks_in_387swell-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 198.000015ms ease-out; -moz-transition: all 198.000015ms ease-out; -o-transition: all 198.000015ms ease-out; transition: all 198.000015ms ease-out; } .stacks_in_387swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_387swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_387swell-with-zoom.mfp-removing .mfp-container,.stacks_in_387swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_387 .swellzoomeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_387 .swellshrinkeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_387 .swellcircleeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #stacks_in_387 .swellthreedeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media all and (min-width: 480px) { #stacks_in_387 .swellzoomeffect img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } #stacks_in_387 .swellshrinkeffect img:hover{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9); } #stacks_in_387 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_387 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_387 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_387 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_387 .swellthreedeffect:hover{ box-shadow: 1px 1px rgba(242, 88, 95, 1.00), 2px 2px rgba(242, 88, 95, 1.00), 3px 3px rgba(242, 88, 95, 1.00); -webkit-transform: translateX(-3px); transform: translateX(-3px); } } /* -- End Swell Each css Template -- */ #stacks_out_387 { width: 50%; } #flex-item-stacks_in_8196 .flex-grid-item-stacks_in_7582 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_8196 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_8196 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 .flex-item-content-inner-stacks_in_7582 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8196 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_8196 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8196 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8196 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8196.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8196.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8196.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_1110>.s3_row { margin: 0 -10px; } #stacks_in_1110>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_1110>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_1110>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_1110>.s3_row { margin: -10px 0; } #stacks_in_1110>.s3_row>.s3_column { padding: 10px 0; width:100%; } } /* -- Start Swell Each css Template -- */ #stacks_in_1069{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_1069swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_1069swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_1069swell{ max-width: 800px; } .stacks_in_1069swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_1069swell-with-zoom .mfp-container,.stacks_in_1069swell-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 198.000015ms ease-out; -moz-transition: all 198.000015ms ease-out; -o-transition: all 198.000015ms ease-out; transition: all 198.000015ms ease-out; } .stacks_in_1069swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_1069swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_1069swell-with-zoom.mfp-removing .mfp-container,.stacks_in_1069swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_1069 .swellzoomeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_1069 .swellshrinkeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_1069 .swellcircleeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #stacks_in_1069 .swellthreedeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media all and (min-width: 480px) { #stacks_in_1069 .swellzoomeffect img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } #stacks_in_1069 .swellshrinkeffect img:hover{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9); } #stacks_in_1069 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_1069 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_1069 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_1069 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_1069 .swellthreedeffect:hover{ box-shadow: 1px 1px rgba(242, 88, 95, 1.00), 2px 2px rgba(242, 88, 95, 1.00), 3px 3px rgba(242, 88, 95, 1.00); -webkit-transform: translateX(-3px); transform: translateX(-3px); } } /* -- End Swell Each css Template -- */#flex-item-stacks_in_8199 .flex-grid-item-stacks_in_7582 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_8199 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_8199 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 .flex-item-content-inner-stacks_in_7582 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8199 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_8199 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8199 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8199 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8199.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8199.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8199.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_1103>.s3_row { margin: 0 -10px; } #stacks_in_1103>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_1103>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_1103>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_1103>.s3_row { margin: -10px 0; } #stacks_in_1103>.s3_row>.s3_column { padding: 10px 0; width:100%; } } /* -- Start Swell Each css Template -- */ #stacks_in_1071{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_1071swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_1071swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_1071swell{ max-width: 800px; } .stacks_in_1071swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_1071swell-with-zoom .mfp-container,.stacks_in_1071swell-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 198.000015ms ease-out; -moz-transition: all 198.000015ms ease-out; -o-transition: all 198.000015ms ease-out; transition: all 198.000015ms ease-out; } .stacks_in_1071swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_1071swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_1071swell-with-zoom.mfp-removing .mfp-container,.stacks_in_1071swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_1071 .swellzoomeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_1071 .swellshrinkeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_1071 .swellcircleeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #stacks_in_1071 .swellthreedeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media all and (min-width: 480px) { #stacks_in_1071 .swellzoomeffect img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } #stacks_in_1071 .swellshrinkeffect img:hover{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9); } #stacks_in_1071 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_1071 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_1071 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_1071 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_1071 .swellthreedeffect:hover{ box-shadow: 1px 1px rgba(242, 88, 95, 1.00), 2px 2px rgba(242, 88, 95, 1.00), 3px 3px rgba(242, 88, 95, 1.00); -webkit-transform: translateX(-3px); transform: translateX(-3px); } } /* -- End Swell Each css Template -- */ #stacks_out_1071 { width: 50%; } #flex-item-stacks_in_8202 .flex-grid-item-stacks_in_7582 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_8202 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_8202 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 .flex-item-content-inner-stacks_in_7582 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8202 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_8202 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8202 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8202 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8202.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8202.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8202.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_1054>.s3_row { margin: 0 -10px; } #stacks_in_1054>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_1054>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_1054>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_1054>.s3_row { margin: -10px 0; } #stacks_in_1054>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #flex-item-stacks_in_8205 .flex-grid-item-stacks_in_7582 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_8205 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_8205 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 .flex-item-content-inner-stacks_in_7582 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8205 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_8205 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8205 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8205 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8205.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8205.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8205.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_1040>.s3_row { margin: 0 -10px; } #stacks_in_1040>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_1040>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_1040>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_1040>.s3_row { margin: -10px 0; } #stacks_in_1040>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #flex-item-stacks_in_8208 .flex-grid-item-stacks_in_7582 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_8208 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_8208 .flex-grid-item-stacks_in_7582 .flex-item-content-stacks_in_7582 .flex-item-content-inner-stacks_in_7582 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8208 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_8208 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8208 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8208 .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8208.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8208.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8208.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7582 .flex-item-header-stacks_in_7582 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_1027>.s3_row { margin: 0 -10px; } #stacks_in_1027>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_1027>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_1027>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_1027>.s3_row { margin: -10px 0; } #stacks_in_1027>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #flex-item-stacks_in_7641 .flex-grid-item-stacks_in_7545 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_7641 .flex-grid-item-stacks_in_7545 .flex-item-content-stacks_in_7545 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_7641 .flex-grid-item-stacks_in_7545 .flex-item-content-stacks_in_7545 .flex-item-content-inner-stacks_in_7545 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7641 .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_7641 .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7641 .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7641 .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7641.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7641.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7641.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-title { color: rgba(255, 255, 255, 1.00); } /* */ #flex-stacks_in_7643 { margin: 0 auto; max-width: 1280px; } #flex-stacks_in_7643 .flex-controls { /* */ font-family: ""; /* */ display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #flex-stacks_in_7643 .flex-controls.no-inner-text #flex-toggle-stacks_in_7643::before { display: none; } #flex-stacks_in_7643 .flex-controls.no-outer-text #flex-toggle-text-stacks_in_7643 { display: none; } #flex-stacks_in_7643 .flex-controls #flex-toggle-text-stacks_in_7643 { color: rgba(69, 90, 100, 1.00); font-size: 13px; cursor: pointer; font-weight: bold; margin-right: 10px; display: inline-block; } #flex-stacks_in_7643 .flex-controls #flex-toggle-text-stacks_in_7643::before { display: inline-block; content: 'CLOSE ALL'; } #flex-stacks_in_7643 .flex-controls #flex-toggle-text-stacks_in_7643.off::before { content: 'OPEN ALL'; } #flex-stacks_in_7643 .flex-controls #flex-toggle-stacks_in_7643 { width: 40px; height: 20px; border-radius: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 2px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; cursor: pointer; position: relative; background: rgba(2, 216, 101, 1.00); transition: background 1s ease; } #flex-stacks_in_7643 .flex-controls #flex-toggle-stacks_in_7643::before { content: 'ON'; top: 50%; left: 50%; display: block; opacity: 0; font-size: 12px; color: rgba(2, 216, 101, 1.00); font-weight: bold; position: absolute; font-family: "Roboto"; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation-name: text-animation-off; animation-name: text-animation-off; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; animation-duration: 1s; } #flex-stacks_in_7643 .flex-controls #flex-toggle-stacks_in_7643 .flex-toggle-inner { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; width: 100%; border-radius: inherit; max-width: 40px; background: rgba(255, 255, 255, 1.00); transition: all 0.3s ease-out; -webkit-animation-name: toggle-animation-off; animation-name: toggle-animation-off; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; animation-duration: 1s; } #flex-stacks_in_7643 .flex-controls #flex-toggle-stacks_in_7643.off { background: rgba(229, 83, 97, 1.00); } #flex-stacks_in_7643 .flex-controls #flex-toggle-stacks_in_7643.off .flex-toggle-inner { -webkit-animation-name: toggle-animation-on; animation-name: toggle-animation-on; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; animation-duration: 1s; } #flex-stacks_in_7643 .flex-controls #flex-toggle-stacks_in_7643.off::before { content: 'OFF'; color: rgba(229, 83, 97, 1.00); -webkit-animation-name: text-animation-on; animation-name: text-animation-on; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; animation-duration: 1s; } #flex-stacks_in_7643 .flex-grid { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-radius: 5px; overflow: hidden; list-style-type: none; } #flex-stacks_in_7643 .flex-grid-row { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } #flex-stacks_in_7643 .flex-grid-item-stacks_in_7643 { box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_7643 .flex-grid-item-stacks_in_7643 .flex-item-content-stacks_in_7643 { height: 0; overflow: hidden; position: relative; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_7643 .flex-grid-item-stacks_in_7643 .flex-item-content-stacks_in_7643 .flex-item-content-inner-stacks_in_7643 { /* */ font-family: ""; /* */ z-index: 10; position: relative; padding: 20px 19px; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_7643 .flex-grid-item-stacks_in_7643 .flex-item-content-stacks_in_7643::before { z-index: 5; content: ''; top: 0; left: 0; right: 0; bottom: 0; display: block; position: absolute; } #flex-stacks_in_7643 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 { /* */ font-family: ""; /* */ padding: 10px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; transition: all 0.2s ease; } #flex-stacks_in_7643 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643:hover { /* */ padding: 20px 15px; box-sizing: border-box; transition: 0.3s ease; /* */ } #flex-stacks_in_7643 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643:hover .header-toggle-icon { /* */ -webkit-transform: rotate(90deg); transform: rotate(90deg); transition: 0.3s ease; /* */ } #flex-stacks_in_7643 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-icon, #flex-stacks_in_7643 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-title, #flex-stacks_in_7643 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-toggle-icon { z-index: 2; } #flex-stacks_in_7643 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-icon { font-size: 20px; margin-right: 20px; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_7643 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-toggle-icon { font-size: 20px; margin-left: auto; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_7643 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-title { font-size: 13px; line-height: 18.199999px; font-weight: bold; margin-right: 20px; letter-spacing: 1px; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_7643 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643::before { content: ''; display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } #flex-stacks_in_7643 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-content-stacks_in_7643 { height: auto; } #flex-stacks_in_7643 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 { padding: 20px 15px; } #flex-stacks_in_7643 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643:hover { padding: 20px 15px; } #flex-stacks_in_7643 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643:hover .header-toggle-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #flex-stacks_in_7643 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-icon { font-size: 20px; } #flex-stacks_in_7643 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-title { font-size: 13px; } #flex-stacks_in_7643 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-toggle-icon::before { content: '\f12a'; transition: all 0.3s ease; } #flex-stacks_in_7643 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643::before { display: block; } #flex-stacks_in_7643.layout-reverse { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #flex-stacks_in_7643.no-open-all-toggle .flex-controls { display: none; } #flex-stacks_in_7643.uppercase-headers .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 { text-transform: uppercase; } #flex-stacks_in_7643.shared-background .flex-grid-item-stacks_in_7643 { /* */ /* */ /* */ } #flex-stacks_in_7643.shared-header-overlay .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643::before { background: rgba(2, 31, 57, 1.00) !important; } #flex-stacks_in_7643.header-hover-overlays .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643:hover::before { /* */ display: block; /* */ } #flex-stacks_in_7643.header-hover-overlays .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643:hover .header-title, #flex-stacks_in_7643.header-hover-overlays .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643:hover .header-toggle-icon { /* */ color: rgba(253, 174, 31, 1.00) !important; /* */ } #flex-stacks_in_7643.header-hover-overlays .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643:hover .header-icon { /* */ color: rgba(253, 174, 31, 1.00) !important; /* */ } #flex-stacks_in_7643.shared-title .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-title, #flex-stacks_in_7643.shared-title .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-toggle-icon { color: rgba(0, 0, 0, 1.00) !important; } #flex-stacks_in_7643.shared-title .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-title, #flex-stacks_in_7643.shared-title .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-toggle-icon { color: rgba(253, 174, 31, 1.00) !important; } #flex-stacks_in_7643.shared-icon .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-icon { color: rgba(3, 3, 1, 1.00) !important; } #flex-stacks_in_7643.shared-icon .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-icon { color: rgba(253, 174, 31, 1.00) !important; } #flex-stacks_in_7643.shared-content-text .flex-grid-item-stacks_in_7643 .flex-item-content-stacks_in_7643 .flex-item-content-inner-stacks_in_7643 { color: rgba(255, 255, 255, 1.00) !important; } #flex-stacks_in_7643.shared-content-overlay .flex-grid-item-stacks_in_7643 .flex-item-content-stacks_in_7643::before { background: rgba(251, 254, 254, 1.00) !important; } @media (min-width: 480px) and (max-width: 768px) { #flex-stacks_in_7643 .flex-grid { border-radius: 5px; } #flex-stacks_in_7643 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-icon { font-size: 20px; } #flex-stacks_in_7643 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-title { font-size: 12px; line-height: 16.799999px; } #flex-stacks_in_7643 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-toggle-icon { font-size: 20px; } #flex-stacks_in_7643 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-icon { font-size: 20px; } #flex-stacks_in_7643 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-title { font-size: 12px; line-height: 16.799999px; } } @media (max-width: 480px) { #flex-stacks_in_7643 .flex-grid { border-radius: 5px; } #flex-stacks_in_7643 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-icon { font-size: 20px; } #flex-stacks_in_7643 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-title { font-size: 10px; line-height: 14.000000px; } #flex-stacks_in_7643 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-toggle-icon { font-size: 20px; } #flex-stacks_in_7643 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-icon { font-size: 16px; } #flex-stacks_in_7643 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-title { font-size: 10px; line-height: 14.000000px; } } @-webkit-keyframes toggle-animation-on { 0% { max-width: 50%; margin-left: 50%; } 25% { max-width: 100%; margin-left: 0%; } 50% { max-width: 100%; margin-left: 0%; } 75% { max-width: 100%; margin-left: 0%; } 100% { max-width: 50%; margin-left: 0%; } } @keyframes toggle-animation-on { 0% { max-width: 50%; margin-left: 50%; } 25% { max-width: 100%; margin-left: 0%; } 50% { max-width: 100%; margin-left: 0%; } 75% { max-width: 100%; margin-left: 0%; } 100% { max-width: 50%; margin-left: 0%; } } @-webkit-keyframes toggle-animation-off { 0% { max-width: 50%; margin-left: 0%; } 25% { max-width: 100%; margin-left: 0%; } 50% { max-width: 100%; margin-left: 0%; } 75% { max-width: 100%; margin-left: 0%; } 100% { max-width: 50%; margin-left: 50%; } } @keyframes toggle-animation-off { 0% { max-width: 50%; margin-left: 0%; } 25% { max-width: 100%; margin-left: 0%; } 50% { max-width: 100%; margin-left: 0%; } 75% { max-width: 100%; margin-left: 0%; } 100% { max-width: 50%; margin-left: 50%; } } @-webkit-keyframes text-animation-off { 0% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } } @keyframes text-animation-off { 0% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes text-animation-on { 0% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } } @keyframes text-animation-on { 0% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } } #stacks_in_7643 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 11px; } #flex-item-stacks_in_7644 .flex-grid-item-stacks_in_7643 { /* */ background: rgba(230, 230, 230, 1.00); /* */ /* */ /* */ } #flex-item-stacks_in_7644 .flex-grid-item-stacks_in_7643 .flex-item-content-stacks_in_7643 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_7644 .flex-grid-item-stacks_in_7643 .flex-item-content-stacks_in_7643 .flex-item-content-inner-stacks_in_7643 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7644 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_7644 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7644 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-toggle-icon { color: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_7644 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-title { color: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_7644.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7644.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7644.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_397 h3,#stacks_in_397 h3 a,#stacks_in_397 p,#stacks_in_397 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_397 h3,#stacks_in_397 h3 a,#stacks_in_397 p,#stacks_in_397 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_397 h3,#stacks_in_397 h3 a,#stacks_in_397 p,#stacks_in_397 p a{ font-size:13px; } } #stacks_in_397 h3,#stacks_in_397 h3 a,#stacks_in_397 p,#stacks_in_397 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_397 p a:hover, #stacks_in_397 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_397 { margin: 10px; } #stacks_out_397 { margin-right:0; } #stacks_in_399>.s3_row { margin: 0 -10px; } #stacks_in_399>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_399>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_399>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_399>.s3_row { margin: -10px 0; } #stacks_in_399>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #flex-item-stacks_in_7654 .flex-grid-item-stacks_in_7643 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_7654 .flex-grid-item-stacks_in_7643 .flex-item-content-stacks_in_7643 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_7654 .flex-grid-item-stacks_in_7643 .flex-item-content-stacks_in_7643 .flex-item-content-inner-stacks_in_7643 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7654 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_7654 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7654 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7654 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7654.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7654.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7654.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_417 h3,#stacks_in_417 h3 a,#stacks_in_417 p,#stacks_in_417 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_417 h3,#stacks_in_417 h3 a,#stacks_in_417 p,#stacks_in_417 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_417 h3,#stacks_in_417 h3 a,#stacks_in_417 p,#stacks_in_417 p a{ font-size:13px; } } #stacks_in_417 h3,#stacks_in_417 h3 a,#stacks_in_417 p,#stacks_in_417 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_417 p a:hover, #stacks_in_417 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_417 { margin: 10px; } #stacks_out_417 { margin-right:0; } #stacks_in_419>.s3_row { margin: 0 -10px; } #stacks_in_419>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_419>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_419>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_419>.s3_row { margin: -10px 0; } #stacks_in_419>.s3_row>.s3_column { padding: 10px 0; width:100%; } } /* -- Start Swell Each css Template -- */ #stacks_in_423{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_423swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_423swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_423swell{ max-width: 800px; } .stacks_in_423swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_423swell-with-zoom .mfp-container,.stacks_in_423swell-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 198.000015ms ease-out; -moz-transition: all 198.000015ms ease-out; -o-transition: all 198.000015ms ease-out; transition: all 198.000015ms ease-out; } .stacks_in_423swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_423swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_423swell-with-zoom.mfp-removing .mfp-container,.stacks_in_423swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_423 .swellzoomeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_423 .swellshrinkeffect img { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #stacks_in_423 .swellcircleeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } #stacks_in_423 .swellthreedeffect{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } @media all and (min-width: 480px) { #stacks_in_423 .swellzoomeffect img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } #stacks_in_423 .swellshrinkeffect img:hover{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -ms-transform:scale(0.9); -o-transform:scale(0.9); transform:scale(0.9); } #stacks_in_423 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_423 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_423 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_423 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_423 .swellthreedeffect:hover{ box-shadow: 1px 1px rgba(242, 88, 95, 1.00), 2px 2px rgba(242, 88, 95, 1.00), 3px 3px rgba(242, 88, 95, 1.00); -webkit-transform: translateX(-3px); transform: translateX(-3px); } } /* -- End Swell Each css Template -- */ #stacks_in_423 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #stacks_out_423 { width: 60%; } #flex-item-stacks_in_7664 .flex-grid-item-stacks_in_7643 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_7664 .flex-grid-item-stacks_in_7643 .flex-item-content-stacks_in_7643 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_7664 .flex-grid-item-stacks_in_7643 .flex-item-content-stacks_in_7643 .flex-item-content-inner-stacks_in_7643 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7664 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_7664 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7664 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7664 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7664.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7664.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7664.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_429 h3,#stacks_in_429 h3 a,#stacks_in_429 p,#stacks_in_429 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_429 h3,#stacks_in_429 h3 a,#stacks_in_429 p,#stacks_in_429 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_429 h3,#stacks_in_429 h3 a,#stacks_in_429 p,#stacks_in_429 p a{ font-size:13px; } } #stacks_in_429 h3,#stacks_in_429 h3 a,#stacks_in_429 p,#stacks_in_429 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_429 p a:hover, #stacks_in_429 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_429 { margin: 10px; } #stacks_out_429 { margin-right:0; } #stacks_in_431>.s3_row { margin: 0 -10px; } #stacks_in_431>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_431>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_431>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_431>.s3_row { margin: -10px 0; } #stacks_in_431>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #flex-item-stacks_in_7676 .flex-grid-item-stacks_in_7643 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_7676 .flex-grid-item-stacks_in_7643 .flex-item-content-stacks_in_7643 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_7676 .flex-grid-item-stacks_in_7643 .flex-item-content-stacks_in_7643 .flex-item-content-inner-stacks_in_7643 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7676 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_7676 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7676 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7676 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7676.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7676.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7676.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_463 h3,#stacks_in_463 h3 a,#stacks_in_463 p,#stacks_in_463 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_463 h3,#stacks_in_463 h3 a,#stacks_in_463 p,#stacks_in_463 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_463 h3,#stacks_in_463 h3 a,#stacks_in_463 p,#stacks_in_463 p a{ font-size:13px; } } #stacks_in_463 h3,#stacks_in_463 h3 a,#stacks_in_463 p,#stacks_in_463 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_463 p a:hover, #stacks_in_463 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_463 { margin: 11px; } #stacks_out_463 { margin-right:0; } #stacks_in_465>.s3_row { margin: 0 -10px; } #stacks_in_465>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_465>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_465>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_465>.s3_row { margin: -10px 0; } #stacks_in_465>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #flex-item-stacks_in_7689 .flex-grid-item-stacks_in_7643 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_7689 .flex-grid-item-stacks_in_7643 .flex-item-content-stacks_in_7643 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_7689 .flex-grid-item-stacks_in_7643 .flex-item-content-stacks_in_7643 .flex-item-content-inner-stacks_in_7643 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7689 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_7689 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7689 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7689 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7689.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7689.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7689.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_475>.s3_row { margin: 0 -10px; } #stacks_in_475>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_475>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_475>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_475>.s3_row { margin: -10px 0; } #stacks_in_475>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #flex-item-stacks_in_7694 .flex-grid-item-stacks_in_7643 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_7694 .flex-grid-item-stacks_in_7643 .flex-item-content-stacks_in_7643 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_7694 .flex-grid-item-stacks_in_7643 .flex-item-content-stacks_in_7643 .flex-item-content-inner-stacks_in_7643 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7694 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_7694 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7694 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7694 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7694.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7694.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7694.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_503>.s3_row { margin: 0 -10px; } #stacks_in_503>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_503>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_503>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_503>.s3_row { margin: -10px 0; } #stacks_in_503>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #flex-item-stacks_in_7709 .flex-grid-item-stacks_in_7643 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_7709 .flex-grid-item-stacks_in_7643 .flex-item-content-stacks_in_7643 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_7709 .flex-grid-item-stacks_in_7643 .flex-item-content-stacks_in_7643 .flex-item-content-inner-stacks_in_7643 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7709 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_7709 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7709 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7709 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7709.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7709.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7709.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_513>.s3_row { margin: 0 -10px; } #stacks_in_513>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_513>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_513>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_513>.s3_row { margin: -10px 0; } #stacks_in_513>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #flex-item-stacks_in_7722 .flex-grid-item-stacks_in_7643 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_7722 .flex-grid-item-stacks_in_7643 .flex-item-content-stacks_in_7643 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_7722 .flex-grid-item-stacks_in_7643 .flex-item-content-stacks_in_7643 .flex-item-content-inner-stacks_in_7643 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7722 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_7722 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7722 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7722 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7722.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7722.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7722.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_538 h3,#stacks_in_538 h3 a,#stacks_in_538 p,#stacks_in_538 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_538 h3,#stacks_in_538 h3 a,#stacks_in_538 p,#stacks_in_538 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_538 h3,#stacks_in_538 h3 a,#stacks_in_538 p,#stacks_in_538 p a{ font-size:13px; } } #stacks_in_538 h3,#stacks_in_538 h3 a,#stacks_in_538 p,#stacks_in_538 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_538 p a:hover, #stacks_in_538 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_out_538 { width: 93%; margin-right:0; } /* ********* */ /* Normalize */ /* ********* */ /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ #stacks_in_540 article, #stacks_in_540 aside, #stacks_in_540 details, #stacks_in_540 figcaption, #stacks_in_540 figure, #stacks_in_540 footer, #stacks_in_540 header, #stacks_in_540 hgroup, #stacks_in_540 main, #stacks_in_540 nav, #stacks_in_540 section, #stacks_in_540 summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ #stacks_in_540 audio, #stacks_in_540 canvas, #stacks_in_540 progress, #stacks_in_540 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ #stacks_in_540 audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ #stacks_in_540 [hidden], #stacks_in_540 template { display: none; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ #stacks_in_540 img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ #stacks_in_540 svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address differences between Firefox and other browsers. */ #stacks_in_540 hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ #stacks_in_540 pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ #stacks_in_540 code, #stacks_in_540 kbd, #stacks_in_540 pre, #stacks_in_540 samp { font-family: monospace, monospace; font-size: 1em; } /* **************** */ /* Stack Specific */ /* **************** */ #stacks_in_540 *, #stacks_in_540 *:before, #stacks_in_540 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_540 .wow { visibility: hidden; } /* We use this media query to add styles to any device that supports media queries */ @media only screen { #stacks_in_540 .column_base_margin { margin-bottom: 20px; } } @media only screen and (max-width: 1024px) { #stacks_in_540 .column_base_margin { margin-bottom: 40px; } } /* Used to alter styles for screens at least 768px wide. */ @media only screen and (max-width: 768px) { #stacks_in_540 .column_base_margin { margin-bottom: 40px; } } /* Used to alter styles for screens at least 480px wide. */ @media only screen and (max-width: 640px) { #stacks_in_540 .column_base_margin { margin-bottom: 20px; } } /* Handles making images responsive inside the stack */ #stacks_in_540 img { max-width: 100%; height: auto; } /* **************** */ /* Foundation START */ /* **************** */ /* Copyright (c) 2013-2014 ZURB, inc. MIT License 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. */ #stacks_in_540 meta.foundation-version { font-family: "/5.3.1/"; } #stacks_in_540 meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } #stacks_in_540 meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } #stacks_in_540 meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } #stacks_in_540 meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } #stacks_in_540 meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } #stacks_in_540 meta.foundation-data-attribute-namespace { font-family: false; } #stacks_in_540 *, #stacks_in_540 *:before, #stacks_in_540 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_540 .left { float: left !important; } #stacks_in_540 .right { float: right !important; } #stacks_in_540 .clearfix:before, #stacks_in_540 .clearfix:after { content: " "; display: table; } #stacks_in_540 .clearfix:after { clear: both; } #stacks_in_540 .hide { display: none; } #stacks_in_540 .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_540 img { display: inline-block; vertical-align: middle; } #stacks_in_540 textarea { height: auto; min-height: 50px; } #stacks_in_540 select { width: 100%; } #stacks_in_540 .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } #stacks_in_540 .row:before, #stacks_in_540 .row:after { content: " "; display: table; } #stacks_in_540 .row:after { clear: both; } #stacks_in_540 .row.collapse > .column, #stacks_in_540 .row.collapse > .columns { padding-left: 0; padding-right: 0; } #stacks_in_540 .row.collapse .row { margin-left: 0; margin-right: 0; } #stacks_in_540 .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; } #stacks_in_540 .row .row:before, #stacks_in_540 .row .row:after { content: " "; display: table; } #stacks_in_540 .row .row:after { clear: both; } #stacks_in_540 .row .row.collapse { width: auto; margin: 0; max-width: none; } #stacks_in_540 .row .row.collapse:before, #stacks_in_540 .row .row.collapse:after { content: " "; display: table; } #stacks_in_540 .row .row.collapse:after { clear: both; } #stacks_in_540 .column, #stacks_in_540 .columns { padding-left: 0.9375em; padding-right: 0.9375em; margin-right: 0; /* Fixes comaptiblity with some themes using skeleton.css */ margin-left: 0; /* Fixes comaptiblity with some themes using skeleton.css */ width: 100%; float: left; } #stacks_in_540 [class*="column"] + [class*="column"]:last-child { float: right; } #stacks_in_540 [class*="column"] + [class*="column"].end { float: left; } @media only screen { #stacks_in_540 .small-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_540 .small-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_540 .small-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_540 .small-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_540 .small-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_540 .small-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_540 .small-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_540 .small-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_540 .small-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_540 .small-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_540 .small-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_540 .small-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_540 .small-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_540 .small-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_540 .small-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_540 .small-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_540 .small-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_540 .small-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_540 .small-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_540 .small-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_540 .small-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_540 .small-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_540 .small-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_540 .small-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_540 .column, #stacks_in_540 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_540 .small-1 { width: 8.33333%; } #stacks_in_540 .small-2 { width: 16.66667%; } #stacks_in_540 .small-3 { width: 25%; } #stacks_in_540 .small-4 { width: 33.33333%; } #stacks_in_540 .small-5 { width: 41.66667%; } #stacks_in_540 .small-6 { width: 50%; } #stacks_in_540 .small-7 { width: 58.33333%; } #stacks_in_540 .small-8 { width: 66.66667%; } #stacks_in_540 .small-9 { width: 75%; } #stacks_in_540 .small-10 { width: 83.33333%; } #stacks_in_540 .small-11 { width: 91.66667%; } #stacks_in_540 .small-12 { width: 100%; } #stacks_in_540 .small-offset-0 { margin-left: 0% !important; } #stacks_in_540 .small-offset-1 { margin-left: 8.33333% !important; } #stacks_in_540 .small-offset-2 { margin-left: 16.66667% !important; } #stacks_in_540 .small-offset-3 { margin-left: 25% !important; } #stacks_in_540 .small-offset-4 { margin-left: 33.33333% !important; } #stacks_in_540 .small-offset-5 { margin-left: 41.66667% !important; } #stacks_in_540 .small-offset-6 { margin-left: 50% !important; } #stacks_in_540 .small-offset-7 { margin-left: 58.33333% !important; } #stacks_in_540 .small-offset-8 { margin-left: 66.66667% !important; } #stacks_in_540 .small-offset-9 { margin-left: 75% !important; } #stacks_in_540 .small-offset-10 { margin-left: 83.33333% !important; } #stacks_in_540 .small-offset-11 { margin-left: 91.66667% !important; } #stacks_in_540 .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_540 .column.small-centered, #stacks_in_540 .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_540 .column.small-uncentered, #stacks_in_540 .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_540 .column.small-centered:last-child, #stacks_in_540 .columns.small-centered:last-child { float: none; } #stacks_in_540 .column.small-uncentered:last-child, #stacks_in_540 .columns.small-uncentered:last-child { float: left; } #stacks_in_540 .column.small-uncentered.opposite, #stacks_in_540 .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 40.063em) { #stacks_in_540 .medium-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_540 .medium-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_540 .medium-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_540 .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_540 .medium-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_540 .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_540 .medium-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_540 .medium-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_540 .medium-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_540 .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_540 .medium-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_540 .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_540 .medium-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_540 .medium-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_540 .medium-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_540 .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_540 .medium-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_540 .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_540 .medium-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_540 .medium-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_540 .medium-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_540 .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_540 .medium-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_540 .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_540 .column, #stacks_in_540 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_540 .medium-1 { width: 8.33333%; } #stacks_in_540 .medium-2 { width: 16.66667%; } #stacks_in_540 .medium-3 { width: 25%; } #stacks_in_540 .medium-4 { width: 33.33333%; } #stacks_in_540 .medium-5 { width: 41.66667%; } #stacks_in_540 .medium-6 { width: 50%; } #stacks_in_540 .medium-7 { width: 58.33333%; } #stacks_in_540 .medium-8 { width: 66.66667%; } #stacks_in_540 .medium-9 { width: 75%; } #stacks_in_540 .medium-10 { width: 83.33333%; } #stacks_in_540 .medium-11 { width: 91.66667%; } #stacks_in_540 .medium-12 { width: 100%; } #stacks_in_540 .medium-offset-0 { margin-left: 0% !important; } #stacks_in_540 .medium-offset-1 { margin-left: 8.33333% !important; } #stacks_in_540 .medium-offset-2 { margin-left: 16.66667% !important; } #stacks_in_540 .medium-offset-3 { margin-left: 25% !important; } #stacks_in_540 .medium-offset-4 { margin-left: 33.33333% !important; } #stacks_in_540 .medium-offset-5 { margin-left: 41.66667% !important; } #stacks_in_540 .medium-offset-6 { margin-left: 50% !important; } #stacks_in_540 .medium-offset-7 { margin-left: 58.33333% !important; } #stacks_in_540 .medium-offset-8 { margin-left: 66.66667% !important; } #stacks_in_540 .medium-offset-9 { margin-left: 75% !important; } #stacks_in_540 .medium-offset-10 { margin-left: 83.33333% !important; } #stacks_in_540 .medium-offset-11 { margin-left: 91.66667% !important; } #stacks_in_540 .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_540 .column.medium-centered, #stacks_in_540 .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_540 .column.medium-uncentered, #stacks_in_540 .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_540 .column.medium-centered:last-child, #stacks_in_540 .columns.medium-centered:last-child { float: none; } #stacks_in_540 .column.medium-uncentered:last-child, #stacks_in_540 .columns.medium-uncentered:last-child { float: left; } #stacks_in_540 .column.medium-uncentered.opposite, #stacks_in_540 .columns.medium-uncentered.opposite { float: right; } #stacks_in_540 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_540 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_540 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_540 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_540 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_540 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_540 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_540 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_540 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_540 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_540 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_540 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_540 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_540 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_540 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_540 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_540 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_540 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_540 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_540 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_540 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_540 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_540 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_540 .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { #stacks_in_540 .large-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_540 .large-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_540 .large-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_540 .large-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_540 .large-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_540 .large-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_540 .large-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_540 .large-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_540 .large-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_540 .large-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_540 .large-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_540 .large-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_540 .large-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_540 .large-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_540 .large-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_540 .large-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_540 .large-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_540 .large-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_540 .large-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_540 .large-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_540 .large-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_540 .large-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_540 .large-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_540 .large-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_540 .column, #stacks_in_540 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_540 .large-1 { width: 8.33333%; } #stacks_in_540 .large-2 { width: 16.66667%; } #stacks_in_540 .large-3 { width: 25%; } #stacks_in_540 .large-4 { width: 33.33333%; } #stacks_in_540 .large-5 { width: 41.66667%; } #stacks_in_540 .large-6 { width: 50%; } #stacks_in_540 .large-7 { width: 58.33333%; } #stacks_in_540 .large-8 { width: 66.66667%; } #stacks_in_540 .large-9 { width: 75%; } #stacks_in_540 .large-10 { width: 83.33333%; } #stacks_in_540 .large-11 { width: 91.66667%; } #stacks_in_540 .large-12 { width: 100%; } #stacks_in_540 .large-offset-0 { margin-left: 0% !important; } #stacks_in_540 .large-offset-1 { margin-left: 8.33333% !important; } #stacks_in_540 .large-offset-2 { margin-left: 16.66667% !important; } #stacks_in_540 .large-offset-3 { margin-left: 25% !important; } #stacks_in_540 .large-offset-4 { margin-left: 33.33333% !important; } #stacks_in_540 .large-offset-5 { margin-left: 41.66667% !important; } #stacks_in_540 .large-offset-6 { margin-left: 50% !important; } #stacks_in_540 .large-offset-7 { margin-left: 58.33333% !important; } #stacks_in_540 .large-offset-8 { margin-left: 66.66667% !important; } #stacks_in_540 .large-offset-9 { margin-left: 75% !important; } #stacks_in_540 .large-offset-10 { margin-left: 83.33333% !important; } #stacks_in_540 .large-offset-11 { margin-left: 91.66667% !important; } #stacks_in_540 .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_540 .column.large-centered, #stacks_in_540 .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_540 .column.large-uncentered, #stacks_in_540 .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_540 .column.large-centered:last-child, #stacks_in_540 .columns.large-centered:last-child { float: none; } #stacks_in_540 .column.large-uncentered:last-child, #stacks_in_540 .columns.large-uncentered:last-child { float: left; } #stacks_in_540 .column.large-uncentered.opposite, #stacks_in_540 .columns.large-uncentered.opposite { float: right; } #stacks_in_540 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_540 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_540 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_540 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_540 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_540 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_540 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_540 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_540 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_540 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_540 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_540 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_540 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_540 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_540 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_540 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_540 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_540 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_540 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_540 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_540 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_540 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_540 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_540 .pull-11 { position: relative; right: 91.66667%; left: auto; } } #stacks_in_540 [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } #stacks_in_540 [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } #stacks_in_540 [class*="block-grid-"]:after { clear: both; } #stacks_in_540 [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { #stacks_in_540 .small-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_540 .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_540 .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_540 .small-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_540 .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_540 .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_540 .small-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_540 .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_540 .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_540 .small-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_540 .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_540 .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_540 .small-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_540 .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_540 .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_540 .small-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_540 .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_540 .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_540 .small-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_540 .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_540 .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_540 .small-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_540 .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_540 .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_540 .small-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_540 .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_540 .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_540 .small-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_540 .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_540 .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_540 .small-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_540 .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_540 .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_540 .small-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_540 .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_540 .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { #stacks_in_540 .medium-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_540 .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_540 .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_540 .medium-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_540 .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_540 .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_540 .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_540 .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_540 .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_540 .medium-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_540 .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_540 .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_540 .medium-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_540 .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_540 .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_540 .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_540 .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_540 .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_540 .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_540 .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_540 .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_540 .medium-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_540 .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_540 .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_540 .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_540 .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_540 .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_540 .medium-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_540 .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_540 .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_540 .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_540 .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_540 .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_540 .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_540 .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_540 .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { #stacks_in_540 .large-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_540 .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_540 .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_540 .large-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_540 .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_540 .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_540 .large-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_540 .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_540 .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_540 .large-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_540 .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_540 .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_540 .large-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_540 .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_540 .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_540 .large-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_540 .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_540 .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_540 .large-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_540 .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_540 .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_540 .large-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_540 .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_540 .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_540 .large-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_540 .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_540 .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_540 .large-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_540 .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_540 .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_540 .large-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_540 .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_540 .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_540 .large-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_540 .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_540 .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } #stacks_in_540 { margin: 10px 0px 0px 0px; } #stacks_out_540 { width: 72%; } .featherlight-content { overflow: visible !important; border-radius: 0px; } .featherlight-content img { border-radius: 0px; overflow: hidden; } img.readyToLiteBox { cursor: pointer; } /* */ /** * Featherlight – ultra slim jQuery lightbox * Version 1.4.0 - http://noelboss.github.io/featherlight/ * * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all { .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(0, 0, 0, 0.90); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 0; border-bottom: 0px solid transparent; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0px; right: 0px; line-height: 50px; font-size: 18px; width: 50px; cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: rgba(0, 0, 0, 0.60); color: rgba(255, 255, 255, 1.00); overflow: hidden; border-radius: 0px; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; } .featherlight iframe { /* styling */ border: none; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 20px; margin-right: 20px; max-height: 98%; padding: 0; border-bottom: 0px solid transparent; } } #stacks_out_541 { width: 82%; } #flex-item-stacks_in_7735 .flex-grid-item-stacks_in_7643 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_7735 .flex-grid-item-stacks_in_7643 .flex-item-content-stacks_in_7643 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_7735 .flex-grid-item-stacks_in_7643 .flex-item-content-stacks_in_7643 .flex-item-content-inner-stacks_in_7643 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7735 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_7735 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7735 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7735 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7735.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7735.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7735.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_566 h3,#stacks_in_566 h3 a,#stacks_in_566 p,#stacks_in_566 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_566 h3,#stacks_in_566 h3 a,#stacks_in_566 p,#stacks_in_566 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_566 h3,#stacks_in_566 h3 a,#stacks_in_566 p,#stacks_in_566 p a{ font-size:13px; } } #stacks_in_566 h3,#stacks_in_566 h3 a,#stacks_in_566 p,#stacks_in_566 p a{ color:rgba(0, 0, 0, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:left; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium"; } #stacks_in_566 p a:hover, #stacks_in_566 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_out_566 { width: 93%; margin-right:0; } /* ********* */ /* Normalize */ /* ********* */ /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ #stacks_in_568 article, #stacks_in_568 aside, #stacks_in_568 details, #stacks_in_568 figcaption, #stacks_in_568 figure, #stacks_in_568 footer, #stacks_in_568 header, #stacks_in_568 hgroup, #stacks_in_568 main, #stacks_in_568 nav, #stacks_in_568 section, #stacks_in_568 summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ #stacks_in_568 audio, #stacks_in_568 canvas, #stacks_in_568 progress, #stacks_in_568 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ #stacks_in_568 audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ #stacks_in_568 [hidden], #stacks_in_568 template { display: none; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ #stacks_in_568 img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ #stacks_in_568 svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address differences between Firefox and other browsers. */ #stacks_in_568 hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ #stacks_in_568 pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ #stacks_in_568 code, #stacks_in_568 kbd, #stacks_in_568 pre, #stacks_in_568 samp { font-family: monospace, monospace; font-size: 1em; } /* **************** */ /* Stack Specific */ /* **************** */ #stacks_in_568 *, #stacks_in_568 *:before, #stacks_in_568 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_568 .wow { visibility: hidden; } /* We use this media query to add styles to any device that supports media queries */ @media only screen { #stacks_in_568 .column_base_margin { margin-bottom: 20px; } } @media only screen and (max-width: 1024px) { #stacks_in_568 .column_base_margin { margin-bottom: 40px; } } /* Used to alter styles for screens at least 768px wide. */ @media only screen and (max-width: 768px) { #stacks_in_568 .column_base_margin { margin-bottom: 40px; } } /* Used to alter styles for screens at least 480px wide. */ @media only screen and (max-width: 640px) { #stacks_in_568 .column_base_margin { margin-bottom: 20px; } } /* Handles making images responsive inside the stack */ #stacks_in_568 img { max-width: 100%; height: auto; } /* **************** */ /* Foundation START */ /* **************** */ /* Copyright (c) 2013-2014 ZURB, inc. MIT License 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. */ #stacks_in_568 meta.foundation-version { font-family: "/5.3.1/"; } #stacks_in_568 meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } #stacks_in_568 meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } #stacks_in_568 meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } #stacks_in_568 meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } #stacks_in_568 meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } #stacks_in_568 meta.foundation-data-attribute-namespace { font-family: false; } #stacks_in_568 *, #stacks_in_568 *:before, #stacks_in_568 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_568 .left { float: left !important; } #stacks_in_568 .right { float: right !important; } #stacks_in_568 .clearfix:before, #stacks_in_568 .clearfix:after { content: " "; display: table; } #stacks_in_568 .clearfix:after { clear: both; } #stacks_in_568 .hide { display: none; } #stacks_in_568 .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_568 img { display: inline-block; vertical-align: middle; } #stacks_in_568 textarea { height: auto; min-height: 50px; } #stacks_in_568 select { width: 100%; } #stacks_in_568 .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } #stacks_in_568 .row:before, #stacks_in_568 .row:after { content: " "; display: table; } #stacks_in_568 .row:after { clear: both; } #stacks_in_568 .row.collapse > .column, #stacks_in_568 .row.collapse > .columns { padding-left: 0; padding-right: 0; } #stacks_in_568 .row.collapse .row { margin-left: 0; margin-right: 0; } #stacks_in_568 .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; } #stacks_in_568 .row .row:before, #stacks_in_568 .row .row:after { content: " "; display: table; } #stacks_in_568 .row .row:after { clear: both; } #stacks_in_568 .row .row.collapse { width: auto; margin: 0; max-width: none; } #stacks_in_568 .row .row.collapse:before, #stacks_in_568 .row .row.collapse:after { content: " "; display: table; } #stacks_in_568 .row .row.collapse:after { clear: both; } #stacks_in_568 .column, #stacks_in_568 .columns { padding-left: 0.9375em; padding-right: 0.9375em; margin-right: 0; /* Fixes comaptiblity with some themes using skeleton.css */ margin-left: 0; /* Fixes comaptiblity with some themes using skeleton.css */ width: 100%; float: left; } #stacks_in_568 [class*="column"] + [class*="column"]:last-child { float: right; } #stacks_in_568 [class*="column"] + [class*="column"].end { float: left; } @media only screen { #stacks_in_568 .small-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_568 .small-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_568 .small-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_568 .small-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_568 .small-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_568 .small-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_568 .small-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_568 .small-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_568 .small-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_568 .small-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_568 .small-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_568 .small-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_568 .small-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_568 .small-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_568 .small-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_568 .small-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_568 .small-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_568 .small-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_568 .small-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_568 .small-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_568 .small-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_568 .small-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_568 .small-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_568 .small-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_568 .column, #stacks_in_568 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_568 .small-1 { width: 8.33333%; } #stacks_in_568 .small-2 { width: 16.66667%; } #stacks_in_568 .small-3 { width: 25%; } #stacks_in_568 .small-4 { width: 33.33333%; } #stacks_in_568 .small-5 { width: 41.66667%; } #stacks_in_568 .small-6 { width: 50%; } #stacks_in_568 .small-7 { width: 58.33333%; } #stacks_in_568 .small-8 { width: 66.66667%; } #stacks_in_568 .small-9 { width: 75%; } #stacks_in_568 .small-10 { width: 83.33333%; } #stacks_in_568 .small-11 { width: 91.66667%; } #stacks_in_568 .small-12 { width: 100%; } #stacks_in_568 .small-offset-0 { margin-left: 0% !important; } #stacks_in_568 .small-offset-1 { margin-left: 8.33333% !important; } #stacks_in_568 .small-offset-2 { margin-left: 16.66667% !important; } #stacks_in_568 .small-offset-3 { margin-left: 25% !important; } #stacks_in_568 .small-offset-4 { margin-left: 33.33333% !important; } #stacks_in_568 .small-offset-5 { margin-left: 41.66667% !important; } #stacks_in_568 .small-offset-6 { margin-left: 50% !important; } #stacks_in_568 .small-offset-7 { margin-left: 58.33333% !important; } #stacks_in_568 .small-offset-8 { margin-left: 66.66667% !important; } #stacks_in_568 .small-offset-9 { margin-left: 75% !important; } #stacks_in_568 .small-offset-10 { margin-left: 83.33333% !important; } #stacks_in_568 .small-offset-11 { margin-left: 91.66667% !important; } #stacks_in_568 .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_568 .column.small-centered, #stacks_in_568 .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_568 .column.small-uncentered, #stacks_in_568 .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_568 .column.small-centered:last-child, #stacks_in_568 .columns.small-centered:last-child { float: none; } #stacks_in_568 .column.small-uncentered:last-child, #stacks_in_568 .columns.small-uncentered:last-child { float: left; } #stacks_in_568 .column.small-uncentered.opposite, #stacks_in_568 .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 40.063em) { #stacks_in_568 .medium-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_568 .medium-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_568 .medium-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_568 .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_568 .medium-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_568 .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_568 .medium-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_568 .medium-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_568 .medium-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_568 .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_568 .medium-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_568 .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_568 .medium-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_568 .medium-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_568 .medium-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_568 .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_568 .medium-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_568 .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_568 .medium-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_568 .medium-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_568 .medium-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_568 .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_568 .medium-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_568 .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_568 .column, #stacks_in_568 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_568 .medium-1 { width: 8.33333%; } #stacks_in_568 .medium-2 { width: 16.66667%; } #stacks_in_568 .medium-3 { width: 25%; } #stacks_in_568 .medium-4 { width: 33.33333%; } #stacks_in_568 .medium-5 { width: 41.66667%; } #stacks_in_568 .medium-6 { width: 50%; } #stacks_in_568 .medium-7 { width: 58.33333%; } #stacks_in_568 .medium-8 { width: 66.66667%; } #stacks_in_568 .medium-9 { width: 75%; } #stacks_in_568 .medium-10 { width: 83.33333%; } #stacks_in_568 .medium-11 { width: 91.66667%; } #stacks_in_568 .medium-12 { width: 100%; } #stacks_in_568 .medium-offset-0 { margin-left: 0% !important; } #stacks_in_568 .medium-offset-1 { margin-left: 8.33333% !important; } #stacks_in_568 .medium-offset-2 { margin-left: 16.66667% !important; } #stacks_in_568 .medium-offset-3 { margin-left: 25% !important; } #stacks_in_568 .medium-offset-4 { margin-left: 33.33333% !important; } #stacks_in_568 .medium-offset-5 { margin-left: 41.66667% !important; } #stacks_in_568 .medium-offset-6 { margin-left: 50% !important; } #stacks_in_568 .medium-offset-7 { margin-left: 58.33333% !important; } #stacks_in_568 .medium-offset-8 { margin-left: 66.66667% !important; } #stacks_in_568 .medium-offset-9 { margin-left: 75% !important; } #stacks_in_568 .medium-offset-10 { margin-left: 83.33333% !important; } #stacks_in_568 .medium-offset-11 { margin-left: 91.66667% !important; } #stacks_in_568 .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_568 .column.medium-centered, #stacks_in_568 .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_568 .column.medium-uncentered, #stacks_in_568 .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_568 .column.medium-centered:last-child, #stacks_in_568 .columns.medium-centered:last-child { float: none; } #stacks_in_568 .column.medium-uncentered:last-child, #stacks_in_568 .columns.medium-uncentered:last-child { float: left; } #stacks_in_568 .column.medium-uncentered.opposite, #stacks_in_568 .columns.medium-uncentered.opposite { float: right; } #stacks_in_568 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_568 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_568 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_568 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_568 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_568 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_568 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_568 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_568 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_568 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_568 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_568 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_568 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_568 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_568 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_568 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_568 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_568 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_568 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_568 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_568 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_568 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_568 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_568 .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { #stacks_in_568 .large-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_568 .large-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_568 .large-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_568 .large-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_568 .large-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_568 .large-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_568 .large-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_568 .large-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_568 .large-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_568 .large-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_568 .large-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_568 .large-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_568 .large-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_568 .large-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_568 .large-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_568 .large-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_568 .large-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_568 .large-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_568 .large-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_568 .large-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_568 .large-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_568 .large-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_568 .large-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_568 .large-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_568 .column, #stacks_in_568 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_568 .large-1 { width: 8.33333%; } #stacks_in_568 .large-2 { width: 16.66667%; } #stacks_in_568 .large-3 { width: 25%; } #stacks_in_568 .large-4 { width: 33.33333%; } #stacks_in_568 .large-5 { width: 41.66667%; } #stacks_in_568 .large-6 { width: 50%; } #stacks_in_568 .large-7 { width: 58.33333%; } #stacks_in_568 .large-8 { width: 66.66667%; } #stacks_in_568 .large-9 { width: 75%; } #stacks_in_568 .large-10 { width: 83.33333%; } #stacks_in_568 .large-11 { width: 91.66667%; } #stacks_in_568 .large-12 { width: 100%; } #stacks_in_568 .large-offset-0 { margin-left: 0% !important; } #stacks_in_568 .large-offset-1 { margin-left: 8.33333% !important; } #stacks_in_568 .large-offset-2 { margin-left: 16.66667% !important; } #stacks_in_568 .large-offset-3 { margin-left: 25% !important; } #stacks_in_568 .large-offset-4 { margin-left: 33.33333% !important; } #stacks_in_568 .large-offset-5 { margin-left: 41.66667% !important; } #stacks_in_568 .large-offset-6 { margin-left: 50% !important; } #stacks_in_568 .large-offset-7 { margin-left: 58.33333% !important; } #stacks_in_568 .large-offset-8 { margin-left: 66.66667% !important; } #stacks_in_568 .large-offset-9 { margin-left: 75% !important; } #stacks_in_568 .large-offset-10 { margin-left: 83.33333% !important; } #stacks_in_568 .large-offset-11 { margin-left: 91.66667% !important; } #stacks_in_568 .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_568 .column.large-centered, #stacks_in_568 .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_568 .column.large-uncentered, #stacks_in_568 .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_568 .column.large-centered:last-child, #stacks_in_568 .columns.large-centered:last-child { float: none; } #stacks_in_568 .column.large-uncentered:last-child, #stacks_in_568 .columns.large-uncentered:last-child { float: left; } #stacks_in_568 .column.large-uncentered.opposite, #stacks_in_568 .columns.large-uncentered.opposite { float: right; } #stacks_in_568 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_568 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_568 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_568 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_568 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_568 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_568 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_568 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_568 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_568 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_568 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_568 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_568 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_568 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_568 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_568 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_568 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_568 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_568 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_568 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_568 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_568 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_568 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_568 .pull-11 { position: relative; right: 91.66667%; left: auto; } } #stacks_in_568 [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } #stacks_in_568 [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } #stacks_in_568 [class*="block-grid-"]:after { clear: both; } #stacks_in_568 [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { #stacks_in_568 .small-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_568 .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_568 .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_568 .small-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_568 .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_568 .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_568 .small-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_568 .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_568 .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_568 .small-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_568 .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_568 .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_568 .small-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_568 .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_568 .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_568 .small-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_568 .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_568 .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_568 .small-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_568 .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_568 .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_568 .small-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_568 .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_568 .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_568 .small-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_568 .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_568 .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_568 .small-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_568 .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_568 .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_568 .small-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_568 .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_568 .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_568 .small-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_568 .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_568 .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { #stacks_in_568 .medium-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_568 .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_568 .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_568 .medium-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_568 .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_568 .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_568 .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_568 .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_568 .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_568 .medium-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_568 .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_568 .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_568 .medium-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_568 .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_568 .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_568 .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_568 .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_568 .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_568 .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_568 .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_568 .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_568 .medium-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_568 .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_568 .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_568 .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_568 .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_568 .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_568 .medium-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_568 .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_568 .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_568 .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_568 .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_568 .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_568 .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_568 .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_568 .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { #stacks_in_568 .large-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_568 .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_568 .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_568 .large-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_568 .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_568 .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_568 .large-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_568 .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_568 .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_568 .large-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_568 .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_568 .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_568 .large-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_568 .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_568 .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_568 .large-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_568 .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_568 .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_568 .large-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_568 .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_568 .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_568 .large-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_568 .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_568 .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_568 .large-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_568 .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_568 .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_568 .large-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_568 .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_568 .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_568 .large-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_568 .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_568 .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_568 .large-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_568 .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_568 .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } #stacks_in_568 { margin: 10px 0px 0px 0px; } #stacks_out_568 { width: 72%; } .featherlight-content { overflow: visible !important; border-radius: 0px; } .featherlight-content img { border-radius: 0px; overflow: hidden; } img.readyToLiteBox { cursor: pointer; } /* */ /** * Featherlight – ultra slim jQuery lightbox * Version 1.4.0 - http://noelboss.github.io/featherlight/ * * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all { .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(0, 0, 0, 0.90); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 0; border-bottom: 0px solid transparent; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0px; right: 0px; line-height: 50px; font-size: 18px; width: 50px; cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: rgba(0, 0, 0, 0.60); color: rgba(255, 255, 255, 1.00); overflow: hidden; border-radius: 0px; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; } .featherlight iframe { /* styling */ border: none; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 20px; margin-right: 20px; max-height: 98%; padding: 0; border-bottom: 0px solid transparent; } } #flex-item-stacks_in_8211 .flex-grid-item-stacks_in_7643 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_8211 .flex-grid-item-stacks_in_7643 .flex-item-content-stacks_in_7643 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_8211 .flex-grid-item-stacks_in_7643 .flex-item-content-stacks_in_7643 .flex-item-content-inner-stacks_in_7643 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8211 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_8211 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8211 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8211 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8211.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8211.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8211.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_592 { transition: color 0.2s ease-in-out; -webkit-font-smoothing: antialiased; color:rgba(0, 0, 0, 1.00) ; font-style:normal ; text-decoration:none ; text-align:left ; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium" ; } /*-- End Letterpress --*/ #stacks_in_593 { margin: 0px 0px 15px 0px; } #stacks_in_596>.s3_row { margin: 0 -10px; } #stacks_in_596>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_596>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_596>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_596>.s3_row { margin: -10px 0; } #stacks_in_596>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #flex-item-stacks_in_8212 .flex-grid-item-stacks_in_7643 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_8212 .flex-grid-item-stacks_in_7643 .flex-item-content-stacks_in_7643 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_8212 .flex-grid-item-stacks_in_7643 .flex-item-content-stacks_in_7643 .flex-item-content-inner-stacks_in_7643 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8212 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_8212 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8212 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8212 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8212.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8212.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8212.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_606>.s3_row { margin: 0 -10px; } #stacks_in_606>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_606>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_606>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_606>.s3_row { margin: -10px 0; } #stacks_in_606>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #flex-item-stacks_in_8213 .flex-grid-item-stacks_in_7643 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_8213 .flex-grid-item-stacks_in_7643 .flex-item-content-stacks_in_7643 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_8213 .flex-grid-item-stacks_in_7643 .flex-item-content-stacks_in_7643 .flex-item-content-inner-stacks_in_7643 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8213 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_8213 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8213 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8213 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8213.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8213.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8213.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_614>.s3_row { margin: 0 -10px; } #stacks_in_614>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_614>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_614>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_614>.s3_row { margin: -10px 0; } #stacks_in_614>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #flex-item-stacks_in_8214 .flex-grid-item-stacks_in_7643 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_8214 .flex-grid-item-stacks_in_7643 .flex-item-content-stacks_in_7643 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_8214 .flex-grid-item-stacks_in_7643 .flex-item-content-stacks_in_7643 .flex-item-content-inner-stacks_in_7643 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8214 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_8214 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8214 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8214 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8214.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8214.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8214.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_624>.s3_row { margin: 0 -10px; } #stacks_in_624>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_624>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_624>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_624>.s3_row { margin: -10px 0; } #stacks_in_624>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #flex-item-stacks_in_8215 .flex-grid-item-stacks_in_7643 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_8215 .flex-grid-item-stacks_in_7643 .flex-item-content-stacks_in_7643 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_8215 .flex-grid-item-stacks_in_7643 .flex-item-content-stacks_in_7643 .flex-item-content-inner-stacks_in_7643 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8215 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_8215 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8215 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8215 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8215.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8215.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8215.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8216 .flex-grid-item-stacks_in_7643 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_8216 .flex-grid-item-stacks_in_7643 .flex-item-content-stacks_in_7643 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_8216 .flex-grid-item-stacks_in_7643 .flex-item-content-stacks_in_7643 .flex-item-content-inner-stacks_in_7643 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8216 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_8216 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8216 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8216 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8216.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8216.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8216.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_637>.s3_row { margin: 0 -10px; } #stacks_in_637>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_637>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_637>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_637>.s3_row { margin: -10px 0; } #stacks_in_637>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #flex-item-stacks_in_8217 .flex-grid-item-stacks_in_7643 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_8217 .flex-grid-item-stacks_in_7643 .flex-item-content-stacks_in_7643 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_8217 .flex-grid-item-stacks_in_7643 .flex-item-content-stacks_in_7643 .flex-item-content-inner-stacks_in_7643 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8217 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_8217 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8217 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8217 .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8217.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8217.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8217.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7643 .flex-item-header-stacks_in_7643 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_645 { transition: color 0.2s ease-in-out; -webkit-font-smoothing: antialiased; color:rgba(0, 0, 0, 1.00) ; font-style:normal ; text-decoration:none ; text-align:left ; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium" ; } /*-- End Letterpress --*/ #stacks_in_646 { margin: 0px 0px 15px 0px; } #stacks_in_649>.s3_row { margin: 0 -10px; } #stacks_in_649>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_649>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_649>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_649>.s3_row { margin: -10px 0; } #stacks_in_649>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #flex-item-stacks_in_7747 .flex-grid-item-stacks_in_7545 { /* */ background: rgba(230, 230, 230, 1.00); /* */ /* */ /* */ } #flex-item-stacks_in_7747 .flex-grid-item-stacks_in_7545 .flex-item-content-stacks_in_7545 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_7747 .flex-grid-item-stacks_in_7545 .flex-item-content-stacks_in_7545 .flex-item-content-inner-stacks_in_7545 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7747 .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_7747 .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7747 .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-toggle-icon { color: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_7747 .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-title { color: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_7747.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7747.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7747.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7545 .flex-item-header-stacks_in_7545 .header-title { color: rgba(255, 255, 255, 1.00); } /* */ #flex-stacks_in_7749 { margin: 0 auto; max-width: 1280px; } #flex-stacks_in_7749 .flex-controls { /* */ font-family: ""; /* */ display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #flex-stacks_in_7749 .flex-controls.no-inner-text #flex-toggle-stacks_in_7749::before { display: none; } #flex-stacks_in_7749 .flex-controls.no-outer-text #flex-toggle-text-stacks_in_7749 { display: none; } #flex-stacks_in_7749 .flex-controls #flex-toggle-text-stacks_in_7749 { color: rgba(69, 90, 100, 1.00); font-size: 13px; cursor: pointer; font-weight: bold; margin-right: 10px; display: inline-block; } #flex-stacks_in_7749 .flex-controls #flex-toggle-text-stacks_in_7749::before { display: inline-block; content: 'CLOSE ALL'; } #flex-stacks_in_7749 .flex-controls #flex-toggle-text-stacks_in_7749.off::before { content: 'OPEN ALL'; } #flex-stacks_in_7749 .flex-controls #flex-toggle-stacks_in_7749 { width: 40px; height: 20px; border-radius: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 2px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; cursor: pointer; position: relative; background: rgba(2, 216, 101, 1.00); transition: background 1s ease; } #flex-stacks_in_7749 .flex-controls #flex-toggle-stacks_in_7749::before { content: 'ON'; top: 50%; left: 50%; display: block; opacity: 0; font-size: 12px; color: rgba(2, 216, 101, 1.00); font-weight: bold; position: absolute; font-family: "Roboto"; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation-name: text-animation-off; animation-name: text-animation-off; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; animation-duration: 1s; } #flex-stacks_in_7749 .flex-controls #flex-toggle-stacks_in_7749 .flex-toggle-inner { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; width: 100%; border-radius: inherit; max-width: 40px; background: rgba(255, 255, 255, 1.00); transition: all 0.3s ease-out; -webkit-animation-name: toggle-animation-off; animation-name: toggle-animation-off; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; animation-duration: 1s; } #flex-stacks_in_7749 .flex-controls #flex-toggle-stacks_in_7749.off { background: rgba(229, 83, 97, 1.00); } #flex-stacks_in_7749 .flex-controls #flex-toggle-stacks_in_7749.off .flex-toggle-inner { -webkit-animation-name: toggle-animation-on; animation-name: toggle-animation-on; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; animation-duration: 1s; } #flex-stacks_in_7749 .flex-controls #flex-toggle-stacks_in_7749.off::before { content: 'OFF'; color: rgba(229, 83, 97, 1.00); -webkit-animation-name: text-animation-on; animation-name: text-animation-on; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; animation-duration: 1s; } #flex-stacks_in_7749 .flex-grid { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-radius: 5px; overflow: hidden; list-style-type: none; } #flex-stacks_in_7749 .flex-grid-row { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } #flex-stacks_in_7749 .flex-grid-item-stacks_in_7749 { box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_7749 .flex-grid-item-stacks_in_7749 .flex-item-content-stacks_in_7749 { height: 0; overflow: hidden; position: relative; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_7749 .flex-grid-item-stacks_in_7749 .flex-item-content-stacks_in_7749 .flex-item-content-inner-stacks_in_7749 { /* */ font-family: ""; /* */ z-index: 10; position: relative; padding: 20px 19px; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_7749 .flex-grid-item-stacks_in_7749 .flex-item-content-stacks_in_7749::before { z-index: 5; content: ''; top: 0; left: 0; right: 0; bottom: 0; display: block; position: absolute; } #flex-stacks_in_7749 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 { /* */ font-family: ""; /* */ padding: 10px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; transition: all 0.2s ease; } #flex-stacks_in_7749 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749:hover { /* */ padding: 20px 15px; box-sizing: border-box; transition: 0.3s ease; /* */ } #flex-stacks_in_7749 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749:hover .header-toggle-icon { /* */ -webkit-transform: rotate(90deg); transform: rotate(90deg); transition: 0.3s ease; /* */ } #flex-stacks_in_7749 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-icon, #flex-stacks_in_7749 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-title, #flex-stacks_in_7749 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-toggle-icon { z-index: 2; } #flex-stacks_in_7749 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-icon { font-size: 20px; margin-right: 20px; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_7749 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-toggle-icon { font-size: 20px; margin-left: auto; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_7749 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-title { font-size: 13px; line-height: 18.199999px; font-weight: bold; margin-right: 20px; letter-spacing: 1px; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_7749 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749::before { content: ''; display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } #flex-stacks_in_7749 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-content-stacks_in_7749 { height: auto; } #flex-stacks_in_7749 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 { padding: 20px 15px; } #flex-stacks_in_7749 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749:hover { padding: 20px 15px; } #flex-stacks_in_7749 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749:hover .header-toggle-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #flex-stacks_in_7749 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-icon { font-size: 20px; } #flex-stacks_in_7749 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-title { font-size: 13px; } #flex-stacks_in_7749 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-toggle-icon::before { content: '\f12a'; transition: all 0.3s ease; } #flex-stacks_in_7749 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749::before { display: block; } #flex-stacks_in_7749.layout-reverse { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #flex-stacks_in_7749.no-open-all-toggle .flex-controls { display: none; } #flex-stacks_in_7749.uppercase-headers .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 { text-transform: uppercase; } #flex-stacks_in_7749.shared-background .flex-grid-item-stacks_in_7749 { /* */ /* */ /* */ } #flex-stacks_in_7749.shared-header-overlay .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749::before { background: rgba(2, 31, 57, 1.00) !important; } #flex-stacks_in_7749.header-hover-overlays .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749:hover::before { /* */ display: block; /* */ } #flex-stacks_in_7749.header-hover-overlays .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749:hover .header-title, #flex-stacks_in_7749.header-hover-overlays .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749:hover .header-toggle-icon { /* */ color: rgba(253, 174, 31, 1.00) !important; /* */ } #flex-stacks_in_7749.header-hover-overlays .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749:hover .header-icon { /* */ color: rgba(253, 174, 31, 1.00) !important; /* */ } #flex-stacks_in_7749.shared-title .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-title, #flex-stacks_in_7749.shared-title .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-toggle-icon { color: rgba(0, 0, 0, 1.00) !important; } #flex-stacks_in_7749.shared-title .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-title, #flex-stacks_in_7749.shared-title .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-toggle-icon { color: rgba(253, 174, 31, 1.00) !important; } #flex-stacks_in_7749.shared-icon .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-icon { color: rgba(3, 3, 1, 1.00) !important; } #flex-stacks_in_7749.shared-icon .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-icon { color: rgba(253, 174, 31, 1.00) !important; } #flex-stacks_in_7749.shared-content-text .flex-grid-item-stacks_in_7749 .flex-item-content-stacks_in_7749 .flex-item-content-inner-stacks_in_7749 { color: rgba(255, 255, 255, 1.00) !important; } #flex-stacks_in_7749.shared-content-overlay .flex-grid-item-stacks_in_7749 .flex-item-content-stacks_in_7749::before { background: rgba(251, 254, 254, 1.00) !important; } @media (min-width: 480px) and (max-width: 768px) { #flex-stacks_in_7749 .flex-grid { border-radius: 5px; } #flex-stacks_in_7749 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-icon { font-size: 20px; } #flex-stacks_in_7749 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-title { font-size: 12px; line-height: 16.799999px; } #flex-stacks_in_7749 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-toggle-icon { font-size: 20px; } #flex-stacks_in_7749 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-icon { font-size: 20px; } #flex-stacks_in_7749 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-title { font-size: 12px; line-height: 16.799999px; } } @media (max-width: 480px) { #flex-stacks_in_7749 .flex-grid { border-radius: 5px; } #flex-stacks_in_7749 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-icon { font-size: 20px; } #flex-stacks_in_7749 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-title { font-size: 10px; line-height: 14.000000px; } #flex-stacks_in_7749 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-toggle-icon { font-size: 20px; } #flex-stacks_in_7749 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-icon { font-size: 16px; } #flex-stacks_in_7749 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-title { font-size: 10px; line-height: 14.000000px; } } @-webkit-keyframes toggle-animation-on { 0% { max-width: 50%; margin-left: 50%; } 25% { max-width: 100%; margin-left: 0%; } 50% { max-width: 100%; margin-left: 0%; } 75% { max-width: 100%; margin-left: 0%; } 100% { max-width: 50%; margin-left: 0%; } } @keyframes toggle-animation-on { 0% { max-width: 50%; margin-left: 50%; } 25% { max-width: 100%; margin-left: 0%; } 50% { max-width: 100%; margin-left: 0%; } 75% { max-width: 100%; margin-left: 0%; } 100% { max-width: 50%; margin-left: 0%; } } @-webkit-keyframes toggle-animation-off { 0% { max-width: 50%; margin-left: 0%; } 25% { max-width: 100%; margin-left: 0%; } 50% { max-width: 100%; margin-left: 0%; } 75% { max-width: 100%; margin-left: 0%; } 100% { max-width: 50%; margin-left: 50%; } } @keyframes toggle-animation-off { 0% { max-width: 50%; margin-left: 0%; } 25% { max-width: 100%; margin-left: 0%; } 50% { max-width: 100%; margin-left: 0%; } 75% { max-width: 100%; margin-left: 0%; } 100% { max-width: 50%; margin-left: 50%; } } @-webkit-keyframes text-animation-off { 0% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } } @keyframes text-animation-off { 0% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes text-animation-on { 0% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } } @keyframes text-animation-on { 0% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } } #stacks_in_7749 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 11px; } #flex-item-stacks_in_7750 .flex-grid-item-stacks_in_7749 { /* */ background: rgba(230, 230, 230, 1.00); /* */ /* */ /* */ } #flex-item-stacks_in_7750 .flex-grid-item-stacks_in_7749 .flex-item-content-stacks_in_7749 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_7750 .flex-grid-item-stacks_in_7749 .flex-item-content-stacks_in_7749 .flex-item-content-inner-stacks_in_7749 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7750 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_7750 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7750 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-toggle-icon { color: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_7750 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-title { color: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_7750.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7750.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7750.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_676 { transition: color 0.2s ease-in-out; -webkit-font-smoothing: antialiased; color:rgba(0, 0, 0, 1.00) ; font-style:normal ; text-decoration:none ; text-align:left ; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium" ; } /*-- End Letterpress --*/ #stacks_in_677 { margin: 0px 0px 15px 0px; } #stacks_in_680>.s3_row { margin: 0 -10px; } #stacks_in_680>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_680>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_680>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_680>.s3_row { margin: -10px 0; } #stacks_in_680>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #flex-item-stacks_in_7764 .flex-grid-item-stacks_in_7749 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_7764 .flex-grid-item-stacks_in_7749 .flex-item-content-stacks_in_7749 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_7764 .flex-grid-item-stacks_in_7749 .flex-item-content-stacks_in_7749 .flex-item-content-inner-stacks_in_7749 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7764 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_7764 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7764 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7764 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7764.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7764.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7764.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_704 { transition: color 0.2s ease-in-out; -webkit-font-smoothing: antialiased; color:rgba(0, 0, 0, 1.00) ; font-style:normal ; text-decoration:none ; text-align:left ; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium" ; } /*-- End Letterpress --*/ #stacks_in_705 { margin: 0px 0px 15px 0px; } #stacks_in_708>.s3_row { margin: 0 -10px; } #stacks_in_708>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_708>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_708>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_708>.s3_row { margin: -10px 0; } #stacks_in_708>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #flex-item-stacks_in_7772 .flex-grid-item-stacks_in_7749 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_7772 .flex-grid-item-stacks_in_7749 .flex-item-content-stacks_in_7749 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_7772 .flex-grid-item-stacks_in_7749 .flex-item-content-stacks_in_7749 .flex-item-content-inner-stacks_in_7749 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7772 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_7772 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7772 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7772 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7772.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7772.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_7772.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_718 { transition: color 0.2s ease-in-out; -webkit-font-smoothing: antialiased; color:rgba(0, 0, 0, 1.00) ; font-style:normal ; text-decoration:none ; text-align:left ; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium" ; } /*-- End Letterpress --*/ #flex-item-stacks_in_8250 .flex-grid-item-stacks_in_7749 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_8250 .flex-grid-item-stacks_in_7749 .flex-item-content-stacks_in_7749 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_8250 .flex-grid-item-stacks_in_7749 .flex-item-content-stacks_in_7749 .flex-item-content-inner-stacks_in_7749 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8250 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_8250 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8250 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8250 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8250.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8250.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8250.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_726 { transition: color 0.2s ease-in-out; -webkit-font-smoothing: antialiased; color:rgba(0, 0, 0, 1.00) ; font-style:normal ; text-decoration:none ; text-align:left ; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium" ; } /*-- End Letterpress --*/ #stacks_in_727 { margin: 0px 0px 15px 0px; } #stacks_in_730>.s3_row { margin: 0 -10px; } #stacks_in_730>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_730>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_730>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_730>.s3_row { margin: -10px 0; } #stacks_in_730>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #flex-item-stacks_in_8251 .flex-grid-item-stacks_in_7749 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_8251 .flex-grid-item-stacks_in_7749 .flex-item-content-stacks_in_7749 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_8251 .flex-grid-item-stacks_in_7749 .flex-item-content-stacks_in_7749 .flex-item-content-inner-stacks_in_7749 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8251 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_8251 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8251 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8251 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8251.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8251.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8251.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_748 { transition: color 0.2s ease-in-out; -webkit-font-smoothing: antialiased; color:rgba(0, 0, 0, 1.00) ; font-style:normal ; text-decoration:none ; text-align:left ; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium" ; } /*-- End Letterpress --*/ #flex-item-stacks_in_8256 .flex-grid-item-stacks_in_7749 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_8256 .flex-grid-item-stacks_in_7749 .flex-item-content-stacks_in_7749 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_8256 .flex-grid-item-stacks_in_7749 .flex-item-content-stacks_in_7749 .flex-item-content-inner-stacks_in_7749 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8256 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_8256 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8256 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8256 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8256.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8256.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8256.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_770>.s3_row { margin: 0 -10px; } #stacks_in_770>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_770>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_770>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_770>.s3_row { margin: -10px 0; } #stacks_in_770>.s3_row>.s3_column { padding: 10px 0; width:100%; } } /* Standard Responsive Image */ #stacks_in_771 .structure_responsive_image img { max-width: 100%; height: auto; } /* Align Image */ /* Image Styling */ #stacks_in_771 .structure_responsive_image img { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /* Standard Responsive Image */ #stacks_in_774 .structure_responsive_image img { max-width: 100%; height: auto; } /* Align Image */ /* Image Styling */ #stacks_in_774 .structure_responsive_image img { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #stacks_out_774 { width: 80%; } #flex-item-stacks_in_8257 .flex-grid-item-stacks_in_7749 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_8257 .flex-grid-item-stacks_in_7749 .flex-item-content-stacks_in_7749 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_8257 .flex-grid-item-stacks_in_7749 .flex-item-content-stacks_in_7749 .flex-item-content-inner-stacks_in_7749 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8257 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_8257 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8257 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8257 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8257.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8257.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8257.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_780 { transition: color 0.2s ease-in-out; -webkit-font-smoothing: antialiased; color:rgba(0, 0, 0, 1.00) ; font-style:normal ; text-decoration:none ; text-align:left ; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium" ; } /*-- End Letterpress --*/ #flex-item-stacks_in_8258 .flex-grid-item-stacks_in_7749 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_8258 .flex-grid-item-stacks_in_7749 .flex-item-content-stacks_in_7749 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_8258 .flex-grid-item-stacks_in_7749 .flex-item-content-stacks_in_7749 .flex-item-content-inner-stacks_in_7749 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8258 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_8258 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8258 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8258 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8258.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8258.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8258.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_788 { transition: color 0.2s ease-in-out; -webkit-font-smoothing: antialiased; color:rgba(0, 0, 0, 1.00) ; font-style:normal ; text-decoration:none ; text-align:left ; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium" ; } /*-- End Letterpress --*/ #flex-item-stacks_in_8259 .flex-grid-item-stacks_in_7749 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_8259 .flex-grid-item-stacks_in_7749 .flex-item-content-stacks_in_7749 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_8259 .flex-grid-item-stacks_in_7749 .flex-item-content-stacks_in_7749 .flex-item-content-inner-stacks_in_7749 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8259 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_8259 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8259 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8259 .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8259.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8259.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_8259.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_7749 .flex-item-header-stacks_in_7749 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_796 { transition: color 0.2s ease-in-out; -webkit-font-smoothing: antialiased; color:rgba(0, 0, 0, 1.00) ; font-style:normal ; text-decoration:none ; text-align:left ; font-weight: normal ; font-family:"A-OTF-Jun34Pro-Medium" ; } /*-- End Letterpress --*/ /* -- Start Anchor Each css Template -- */ .stacks_in_9179editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_9179editInfo i{ vertical-align: middle; } .stacks_in_9179editInfo:before{ content:"#da14"; float: right; } .stacks_in_9179editInfo:after{ content:""; display: table; clear: both; } .stacks_in_9179topOffset{ position: relative; height: 50; background: #ecf0f1; border: 1px solid #bdc3c7; border-top-right-radius: 2px; border-top-left-radius: 2px; margin-bottom: -2px; } .stacks_in_9179topOffset:after{ content: "Top Offset"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #7f8c8d; } /* -- End Anchor Each css Template -- */ #stacks_in_9179 { margin: 50px 0px 0px 0px; padding: 200px 0px 0px 0px; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_9200_2, #stacks_in_9200_2 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_9200_2 { padding: 20px 0px !important; } #press_alignment_stacks_in_9200_2 { width: 100%; } #press_alignment_stacks_in_9200_2.press-left { text-align: left; } #press_alignment_stacks_in_9200_2.press-center { text-align: center; } #press_alignment_stacks_in_9200_2.press-right { text-align: right; } #stacks_in_9200_2 { transition: all 200ms ease; /* */ background: none; /* */ /* */ /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 0px 0px 0px 0px; padding: 0px 12px 0px 12px; border-radius: 0px 0px 0px 0px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_9200_2:hover { /* */ /* */ /* */ /* */ } #stacks_in_9200_2:hover .press-icon i { /* */ color: rgba(253, 155, 16, 1.00); /* */ } #stacks_in_9200_2:active { /* */ /* */ /* */ /* */ } #stacks_in_9200_2:active .press-icon i { /* */ } #stacks_in_9200_2 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; /* */ background: none; /* */ /* */ /* */ /* */ /* */ width: 60px; height: 60px; /* */ } #stacks_in_9200_2 .press-icon i { font-size: 60px; color: rgba(0, 0, 0, 1.00); vertical-align: middle; } #stacks_in_9200_2 .press-text { /* */ /* */ font-family: "Nunito"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; padding: 0px 0px 0px 0px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 22px; /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ /* */ } #stacks_in_9200_2 .press-text .out { margin: 0 !important; } #stacks_in_9200_2 { font-size: 16px; line-height: 22px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } #stacks_in_8041 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_8041 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_8041 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_8043 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_8043 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_8043 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_8045 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_8045 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_8045 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_8047 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_8047 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_8047 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_8049 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_8049 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_8049 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }/* -- Start Anchor Each css Template -- */ .stacks_in_9183anchorStack{ height: 0px !important; padding: 0 !important; margin: 0 !important; } .stacks_in_9183editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_9183editInfo i{ vertical-align: middle; } .stacks_in_9183editInfo:before{ content:"#da14"; float: right; } .stacks_in_9183editInfo:after{ content:""; display: table; clear: both; } .stacks_in_9183topOffset{ position: relative; height: 0; background: #ecf0f1; border: 1px solid #bdc3c7; border-top-right-radius: 2px; border-top-left-radius: 2px; margin-bottom: -2px; } /* -- End Anchor Each css Template -- *//* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_9184, #stacks_in_9184 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_9184 { padding: 20px 0px !important; } #press_alignment_stacks_in_9184 { width: 100%; } #press_alignment_stacks_in_9184.press-left { text-align: left; } #press_alignment_stacks_in_9184.press-center { text-align: center; } #press_alignment_stacks_in_9184.press-right { text-align: right; } #stacks_in_9184 { transition: all 200ms ease; /* */ background: none; /* */ /* */ /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 0px 0px 0px 0px; padding: 0px 12px 0px 12px; border-radius: 0px 0px 0px 0px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_9184:hover { /* */ /* */ /* */ /* */ } #stacks_in_9184:hover .press-icon i { /* */ color: rgba(253, 155, 16, 1.00); /* */ } #stacks_in_9184:active { /* */ /* */ /* */ /* */ } #stacks_in_9184:active .press-icon i { /* */ } #stacks_in_9184 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; /* */ background: none; /* */ /* */ /* */ /* */ /* */ width: 60px; height: 60px; /* */ } #stacks_in_9184 .press-icon i { font-size: 60px; color: rgba(0, 0, 0, 1.00); vertical-align: middle; } #stacks_in_9184 .press-text { /* */ /* */ font-family: "Nunito"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; padding: 0px 0px 0px 0px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 22px; /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ /* */ } #stacks_in_9184 .press-text .out { margin: 0 !important; } #stacks_in_9184 { font-size: 16px; line-height: 22px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } .hp_stacks_in_9676 .hp-bg-layer { background-color : rgba(255, 255, 255, 0.00); background-image : url(../files/backgroundImage-9676.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; } .hp_stacks_in_9676 .hp-fg-layer { min-height: 100vh; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; } .hp_stacks_in_9676 .hp-fg-layer .hp-section { max-width: 1280px; width: calc(100% - 60px); margin:0 auto; } .hp_stacks_in_9676 .hp-fg-layer > .hp-layer-2, .hp_stacks_in_9676 .hp-fg-layer > .hp-layer-4 { display: none; } .hp_stacks_in_9676 .hp-fg-layer .hp-svg-wrap > .hp-extend, .hp_stacks_in_9676 .hp-fg-layer .hp-layer-2 .hp-svg-wrap .hp-wave-1, .hp_stacks_in_9676 .hp-fg-layer .hp-layer-3 .hp-svg-wrap .hp-wave-2, .hp_stacks_in_9676 .hp-fg-layer .hp-layer-4 .hp-svg-wrap .hp-wave-3 { display: block; } .hp_stacks_in_9676 .hp-fg-layer .hp-layer-3 .hp-svg-wrap .hp-wave-2 { -webkit-transform: translateX(-50%) rotateY(180deg); transform: translateX(-50%) rotateY(180deg); left: 50%; position: relative; } @media all and (min-width:1920px){ .hp_stacks_in_9676 .hp-svg-wrap svg{ height:240px } .hp_stacks_in_9676 .hp-fg-layer .hp-horizon-content{ padding-bottom:240px } .hp_stacks_in_9676 .hp-fg-layer .hp-svg-wrap svg{ position:absolute; top:-240px } } #stacks_in_9677 { margin: 100px 10px 10px 10px; } #stacks_in_9680 { margin: 50px 0px 0px 0px; } #stacks_in_9681.layouts-2-row > .layouts-2-content-width.layouts-2-el, #stacks_in_9681.layouts-2-row > div > div[tag="node"] { display: flex; width: 100%; margin: 0px auto 0px auto; background: transparent; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: center; box-sizing: border-box; gap: 0px 48px; } #stacks_in_9681.layouts-2-row > .layouts-2-content-width.layouts-2-el > div:not(:first-child) { margin-left: 48px; } @supports (rotate:180deg) { #stacks_in_9681.layouts-2-row > .layouts-2-content-width.layouts-2-el > div:not(:first-child) { margin-left: 0; } } #stacks_in_9683.layouts-2-column, .layouts-2-row > div > div[tag="node"] > #stacks_out_9683.out { flex: 1; max-width: 540px; flex-basis: 180px; margin: 0; } .layouts-2-row > div > div[tag="node"] > #stacks_out_9683.out { overflow: visible; } #stacks_in_9683.layouts-2-column, #slice_mez_9683 { box-sizing: border-box; background-color : rgba(255, 255, 255, 0.00); border-radius: 0px; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.30); padding: 0px 0px; } .layouts-2-content-width > #stacks_in_9683.layouts-2-column:after, #stacks_out_9683:after { width: 180px; } @media all and (min-width: 901px) { #stacks_in_9683.layouts-2-column.hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 601px) { #stacks_in_9683.layouts-2-column.hide-tablet { display: none; } } @media all and (max-width: 600px) { #stacks_in_9683.layouts-2-column.hide-mobile { display: none; } } #stacks_in_9685 h3,#stacks_in_9685 h3 a,#stacks_in_9685 p,#stacks_in_9685 p a{ font-size:20px; line-height:1.00em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_9685 h3,#stacks_in_9685 h3 a,#stacks_in_9685 p,#stacks_in_9685 p a{ font-size:19px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_9685 h3,#stacks_in_9685 h3 a,#stacks_in_9685 p,#stacks_in_9685 p a{ font-size:18px; } } #stacks_in_9685 h3,#stacks_in_9685 h3 a,#stacks_in_9685 p,#stacks_in_9685 p a{ color:rgba(255, 255, 255, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:center; font-weight: bold ; text-shadow: 0 0 1px rgba(1, 1, 1, 1.00), 0 1px 1px rgba(0, 0, 0, 1.00), 0 2px 1px rgba(0, 0, 0, 1.00), 0 3px 1px rgba(0, 0, 0, 1.00), 0 4px 1px rgba(0, 0, 0, 1.00), 0 5px 1px rgba(0, 0, 0, 1.00), 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15); padding:20px 0; } #stacks_in_9685 p a:hover, #stacks_in_9685 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_9687 { font-size:17px ; line-height:1.78em; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_9687 { font-size:16px ; } } @media screen and (max-width:500px){ /* iPhone Portrait */ #stacks_in_9687 { font-size:13px ; } } #stacks_in_9687 { transition: color 0.2s ease-in-out; -webkit-font-smoothing: antialiased; color:rgba(255, 255, 255, 1.00) ; font-style:normal ; text-decoration:none ; text-align:left ; font-weight: bold ; color:rgba(0, 0, 0, 1.00) ; } @-moz-document url-prefix() { #stacks_in_9687 { color:rgba(255, 255, 255, 1.00) ; text-shadow: -1px 0 rgba(0, 0, 0, 1.00), 0 1px rgba(0, 0, 0, 1.00), 1px 0 rgba(0, 0, 0, 1.00), 0 -1px rgba(0, 0, 0, 1.00) ; } } @media screen and (-webkit-min-device-pixel-ratio:0) { #stacks_in_9687 { color:rgba(255, 255, 255, 1.00) ; text-shadow: -1px 0 rgba(0, 0, 0, 1.00), 0 1px rgba(0, 0, 0, 1.00), 1px 0 rgba(0, 0, 0, 1.00), 0 -1px rgba(0, 0, 0, 1.00) ; } } /*-- End Letterpress --*/ #stacks_in_9687 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } /* -- Start Eternity2 Each css Template -- */ .stacks_in_9688eternityContainer { overflow: hidden; position: relative; } .stacks_in_9688eternityContainer { background-image: url("") !important; background-position: 50% 50% !important; -webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; background-size: auto; background-repeat: no-repeat; } .stacks_in_9688overlay{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; background:url("../files/eternity2Assets/00.png") !important; } .stacks_in_9688contentBox{ text-align: center; opacity: 1; -webkit-transition: opacity 100ms linear; -moz-transition: opacity 100ms linear; -o-transition: opacity 100ms linear; transition: opacity 100ms linear; } .stacks_in_9688content{ max-width: 300px; margin: 0 auto 0 auto; text-align: left; } .stacks_in_9688content,.stacks_in_9688content h1,.stacks_in_9688content h2,.stacks_in_9688content h3,.stacks_in_9688content h4,.stacks_in_9688content h5,.stacks_in_9688content h6{ color: rgba(0, 0, 0, 1.00) !important; } .stacks_in_9688content a,.stacks_in_9688content a:active,.stacks_in_9688content a:visited{ color: rgba(253, 174, 31, 1.00) !important; text-decoration: none !important; } .stacks_in_9688content a:hover{ color: rgba(255, 255, 255, 1.00) !important; text-decoration: none !important; } .stacks_in_9688eternityScrollButton i{ color: rgba(255, 255, 255, 1.00) !important; } .stacks_in_9688eternityScrollButton{ position: absolute; width: 100%; bottom: 0; color: #fff !important; font-size: 36px; text-align: center; padding-top: 30px; padding-bottom: 30px; display: none; cursor: pointer; } .stacks_in_9688eternityScrollButton{ display: block; } /* -- End Unified -- */ .stacks_in_9688eternityContainer { min-height: 100px; } .stacks_in_9688contentBox{ position: absolute; width: 100%; top: 50%; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); } /* -- End Preview/Published -- */ @keyframes eternityanimation { 43% { transform: translate(0,0);} 0% { transform: translate(0,0);} 30% { transform: translate(0,11px);} 17% { transform: translate(0,-5px);} 11% { transform: translate(0,0);} } @-webkit-keyframes eternityanimation { 43% { transform: translate(0,0);} 0% { transform: translate(0,0);} 30% { transform: translate(0,11px);} 17% { transform: translate(0,-5px);} 11% { transform: translate(0,0);} } /* apply the .animation class to the element you want to animate */ .eternityanimation { animation: eternityanimation 3s ease-in-out 0s infinite normal none; -webkit-animation: eternityanimation 3s ease-in-out 0s infinite normal none; } /* -- End Eternity2 Each css Template -- */#stacks_in_9696.layouts-2-column, .layouts-2-row > div > div[tag="node"] > #stacks_out_9696.out { flex: 1; max-width: 540px; flex-basis: 180px; margin: 0; } .layouts-2-row > div > div[tag="node"] > #stacks_out_9696.out { overflow: visible; } .layouts-2-content-width > #stacks_in_9696.layouts-2-column:after, #stacks_out_9696:after { width: 180px; } @media all and (min-width: 901px) { #stacks_in_9696.layouts-2-column.hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 601px) { #stacks_in_9696.layouts-2-column.hide-tablet { display: none; } } @media all and (max-width: 600px) { #stacks_in_9696.layouts-2-column.hide-mobile { display: none; } } #stacks_in_9700 h3,#stacks_in_9700 h3 a,#stacks_in_9700 p,#stacks_in_9700 p a{ font-size:17px; line-height:1.48em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_9700 h3,#stacks_in_9700 h3 a,#stacks_in_9700 p,#stacks_in_9700 p a{ font-size:15px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_9700 h3,#stacks_in_9700 h3 a,#stacks_in_9700 p,#stacks_in_9700 p a{ font-size:13px; } } #stacks_in_9700 h3,#stacks_in_9700 h3 a,#stacks_in_9700 p,#stacks_in_9700 p a{ color:rgba(255, 255, 255, 1.00); -webkit-font-smoothing: antialiased; transition: color 0.2s ease-in-out; font-style:normal; text-decoration:none; text-align:center; font-weight: normal ; font-family:"A-OTF-RyuminPro-Bold"; } #stacks_in_9700 p a:hover, #stacks_in_9700 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_9703, #stacks_in_9703 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_9703 { padding: 20px 0px !important; } #press_alignment_stacks_in_9703 { width: 100%; } #press_alignment_stacks_in_9703.press-left { text-align: left; } #press_alignment_stacks_in_9703.press-center { text-align: center; } #press_alignment_stacks_in_9703.press-right { text-align: right; } #stacks_in_9703 { transition: all 200ms ease; /* */ /* */ /* */ background: #999999; background: -webkit-gradient(linear, left top, left bottom, from(to top), color-stop(#999999), to(#FFFFFF)); background: linear-gradient(to top, #999999, #FFFFFF); /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(0, 0, 0, 1.00); margin: 5px 10px 10px 10px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_9703:hover { /* */ /* */ /* */ background: rgba(2, 31, 57, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_9703:hover .press-icon i { /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_9703:active { /* */ /* */ /* */ /* */ color: rgba(204, 0, 0, 1.00); /* */ } #stacks_in_9703:active .press-icon i { /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_9703 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 8px 14px 8px 14px; border-radius: 0px 0px 0px 0px; /* */ /* */ background: rgba(2, 31, 57, 1.00); /* */ /* */ /* */ /* */ /* */ margin-right: 7px; /* */ /* */ /* */ } #stacks_in_9703 .press-icon i { font-size: 16px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_9703 .press-text { /* */ font-family: "A-OTF-Jun34Pro-Medium"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 13px; padding: 5px 10px 5px 10px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 15px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_9703 .press-text .out { margin: 0 !important; } #stacks_in_9703 { font-size: 13px; line-height: 15px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } #stacks_in_9709 { margin: 0px 20px 0px 20px; } #stacks_in_9713 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_9713 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_9713 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_9715 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_9715 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_9715 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_9717 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_9717 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_9717 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }/* CustomFont 3.0.6 */ @font-face { font-family: 'A-OTF-RyuminPro-Heavy'; src: url('../../resources/fonts/A-OTF-RyuminPro-Heavy.eot'); /* IE9 Compat Modes */ src: local('A-OTF-RyuminPro-Heavy') , url('../../resources/fonts/A-OTF-RyuminPro-Heavy.eot?#iefix') format('embedded-opentype') /* IE6-IE8 */ , url('../../resources/fonts/A-OTF-RyuminPro-Heavy.woff') format('woff') /* Modern Browsers */ , url('../../resources/fonts/A-OTF-RyuminPro-Heavy.otf') format('opentype') ; font-stretch: normal; font-weight: normal; font-style: normal; } #stacks_in_3497_24, #stacks_in_3497_24 h1, #stacks_in_3497_24 h2, #stacks_in_3497_24 h3, #stacks_in_3497_24 h4, #stacks_in_3497_24 h5, #stacks_in_3497_24 h6, #stacks_in_3497_24 p { font-family: 'A-OTF-RyuminPro-Heavy', sans-serif !important; font-stretch: normal !important; font-weight: normal !important; font-style: normal !important; }/* CustomFont 3.0.6 */ @font-face { font-family: 'A-OTF-RyuminPro-Bold'; src: url('../../resources/fonts/A-OTF-RyuminPro-Bold.eot'); /* IE9 Compat Modes */ src: local('A-OTF-RyuminPro-Bold') , url('../../resources/fonts/A-OTF-RyuminPro-Bold.eot?#iefix') format('embedded-opentype') /* IE6-IE8 */ , url('../../resources/fonts/A-OTF-RyuminPro-Bold.woff') format('woff') /* Modern Browsers */ , url('../../resources/fonts/A-OTF-RyuminPro-Bold.otf') format('opentype') ; font-stretch: normal; font-weight: normal; font-style: normal; } #stacks_in_3497_4, #stacks_in_3497_4 h1, #stacks_in_3497_4 h2, #stacks_in_3497_4 h3, #stacks_in_3497_4 h4, #stacks_in_3497_4 h5, #stacks_in_3497_4 h6, #stacks_in_3497_4 p { font-family: 'A-OTF-RyuminPro-Bold', sans-serif !important; font-stretch: normal !important; font-weight: normal !important; font-style: normal !important; }/* CustomFont 3.0.6 */ @font-face { font-family: 'A-OTF-RyuminPro-Ultra'; src: url('../../resources/fonts/A-OTF-RyuminPro-Ultra.eot'); /* IE9 Compat Modes */ src: local('A-OTF-RyuminPro-Ultra') , url('../../resources/fonts/A-OTF-RyuminPro-Ultra.eot?#iefix') format('embedded-opentype') /* IE6-IE8 */ , url('../../resources/fonts/A-OTF-RyuminPro-Ultra.woff') format('woff') /* Modern Browsers */ , url('../../resources/fonts/A-OTF-RyuminPro-Ultra.otf') format('opentype') ; font-stretch: normal; font-weight: normal; font-style: normal; } #stacks_in_3497_2, #stacks_in_3497_2 h1, #stacks_in_3497_2 h2, #stacks_in_3497_2 h3, #stacks_in_3497_2 h4, #stacks_in_3497_2 h5, #stacks_in_3497_2 h6, #stacks_in_3497_2 p { font-family: 'A-OTF-RyuminPro-Ultra', sans-serif !important; font-stretch: normal !important; font-weight: normal !important; font-style: normal !important; }/* CustomFont 3.0.6 */ @font-face { font-family: 'A-OTF-RyuminPro-Medium'; src: url('../../resources/fonts/A-OTF-RyuminPro-Medium.eot'); /* IE9 Compat Modes */ src: local('A-OTF-RyuminPro-Medium') , url('../../resources/fonts/A-OTF-RyuminPro-Medium.eot?#iefix') format('embedded-opentype') /* IE6-IE8 */ , url('../../resources/fonts/A-OTF-RyuminPro-Medium.woff') format('woff') /* Modern Browsers */ , url('../../resources/fonts/A-OTF-RyuminPro-Medium.otf') format('opentype') ; font-stretch: normal; font-weight: normal; font-style: normal; } #stacks_in_3497_22, #stacks_in_3497_22 h1, #stacks_in_3497_22 h2, #stacks_in_3497_22 h3, #stacks_in_3497_22 h4, #stacks_in_3497_22 h5, #stacks_in_3497_22 h6, #stacks_in_3497_22 p { font-family: 'A-OTF-RyuminPro-Medium', sans-serif !important; font-stretch: normal !important; font-weight: normal !important; font-style: normal !important; }/* CustomFont 3.0.6 */ @font-face { font-family: 'A-OTF-RyuminPro-Regular'; src: url('../../resources/fonts/A-OTF-RyuminPro-Regular.eot'); /* IE9 Compat Modes */ src: local('A-OTF-RyuminPro-Regular') , url('../../resources/fonts/A-OTF-RyuminPro-Regular.eot?#iefix') format('embedded-opentype') /* IE6-IE8 */ , url('../../resources/fonts/A-OTF-RyuminPro-Regular.woff') format('woff') /* Modern Browsers */ , url('../../resources/fonts/A-OTF-RyuminPro-Regular.otf') format('opentype') ; font-stretch: normal; font-weight: normal; font-style: normal; } #stacks_in_3497_20, #stacks_in_3497_20 h1, #stacks_in_3497_20 h2, #stacks_in_3497_20 h3, #stacks_in_3497_20 h4, #stacks_in_3497_20 h5, #stacks_in_3497_20 h6, #stacks_in_3497_20 p { font-family: 'A-OTF-RyuminPro-Regular', sans-serif !important; font-stretch: normal !important; font-weight: normal !important; font-style: normal !important; }/* CustomFont 3.0.6 */ @font-face { font-family: 'A-OTF-ShinGoPro-Bold'; src: url('../../resources/fonts/A-OTF-ShinGoPro-Bold.eot'); /* IE9 Compat Modes */ src: local('A-OTF-ShinGoPro-Bold') , url('../../resources/fonts/A-OTF-ShinGoPro-Bold.eot?#iefix') format('embedded-opentype') /* IE6-IE8 */ , url('../../resources/fonts/A-OTF-ShinGoPro-Bold.woff') format('woff') /* Modern Browsers */ , url('../../resources/fonts/A-OTF-ShinGoPro-Bold.otf') format('opentype') ; font-stretch: normal; font-weight: normal; font-style: normal; } #stacks_in_3497_6, #stacks_in_3497_6 h1, #stacks_in_3497_6 h2, #stacks_in_3497_6 h3, #stacks_in_3497_6 h4, #stacks_in_3497_6 h5, #stacks_in_3497_6 h6, #stacks_in_3497_6 p { font-family: 'A-OTF-ShinGoPro-Bold', sans-serif !important; font-stretch: normal !important; font-weight: normal !important; font-style: normal !important; }/* CustomFont 3.0.6 */ @font-face { font-family: 'A-OTF-ShinGoPro-Medium'; src: url('../../resources/fonts/A-OTF-ShinGoPro-Medium.eot'); /* IE9 Compat Modes */ src: local('A-OTF-ShinGoPro-Medium') , url('../../resources/fonts/A-OTF-ShinGoPro-Medium.eot?#iefix') format('embedded-opentype') /* IE6-IE8 */ , url('../../resources/fonts/A-OTF-ShinGoPro-Medium.woff') format('woff') /* Modern Browsers */ , url('../../resources/fonts/A-OTF-ShinGoPro-Medium.otf') format('opentype') ; font-stretch: normal; font-weight: normal; font-style: normal; } #stacks_in_3497_8, #stacks_in_3497_8 h1, #stacks_in_3497_8 h2, #stacks_in_3497_8 h3, #stacks_in_3497_8 h4, #stacks_in_3497_8 h5, #stacks_in_3497_8 h6, #stacks_in_3497_8 p { font-family: 'A-OTF-ShinGoPro-Medium', sans-serif !important; font-stretch: normal !important; font-weight: normal !important; font-style: normal !important; }/* CustomFont 3.0.6 */ @font-face { font-family: 'A-OTF-ShinGoPro-Regular'; src: url('../../resources/fonts/A-OTF-ShinGoPro-Regular.eot'); /* IE9 Compat Modes */ src: local('A-OTF-ShinGoPro-Regular') , url('../../resources/fonts/A-OTF-ShinGoPro-Regular.eot?#iefix') format('embedded-opentype') /* IE6-IE8 */ , url('../../resources/fonts/A-OTF-ShinGoPro-Regular.woff') format('woff') /* Modern Browsers */ , url('../../resources/fonts/A-OTF-ShinGoPro-Regular.otf') format('opentype') ; font-stretch: normal; font-weight: normal; font-style: normal; } #stacks_in_3497_10, #stacks_in_3497_10 h1, #stacks_in_3497_10 h2, #stacks_in_3497_10 h3, #stacks_in_3497_10 h4, #stacks_in_3497_10 h5, #stacks_in_3497_10 h6, #stacks_in_3497_10 p { font-family: 'A-OTF-ShinGoPro-Regular', sans-serif !important; font-stretch: normal !important; font-weight: normal !important; font-style: normal !important; }/* CustomFont 3.0.6 */ @font-face { font-family: 'A-OTF-Jun34Pro-Medium'; src: url('../../resources/fonts/A-OTF-Jun34Pro-Medium.eot'); /* IE9 Compat Modes */ src: local('A-OTF-Jun34Pro-Medium') , url('../../resources/fonts/A-OTF-Jun34Pro-Medium.eot?#iefix') format('embedded-opentype') /* IE6-IE8 */ , url('../../resources/fonts/A-OTF-Jun34Pro-Medium.woff') format('woff') /* Modern Browsers */ , url('../../resources/fonts/A-OTF-Jun34Pro-Medium.otf') format('opentype') ; font-stretch: normal; font-weight: normal; font-style: normal; } #stacks_in_3497_12, #stacks_in_3497_12 h1, #stacks_in_3497_12 h2, #stacks_in_3497_12 h3, #stacks_in_3497_12 h4, #stacks_in_3497_12 h5, #stacks_in_3497_12 h6, #stacks_in_3497_12 p { font-family: 'A-OTF-Jun34Pro-Medium', sans-serif !important; font-stretch: normal !important; font-weight: normal !important; font-style: normal !important; }/* CustomFont 3.0.6 */ @font-face { font-family: 'A-OTF-Jun201Pro-Regular'; src: url('../../resources/fonts/A-OTF-Jun201Pro-Regular.eot'); /* IE9 Compat Modes */ src: local('A-OTF-Jun201Pro-Regular') , url('../../resources/fonts/A-OTF-Jun201Pro-Regular.eot?#iefix') format('embedded-opentype') /* IE6-IE8 */ , url('../../resources/fonts/A-OTF-Jun201Pro-Regular.woff') format('woff') /* Modern Browsers */ , url('../../resources/fonts/A-OTF-Jun201Pro-Regular.otf') format('opentype') ; font-stretch: normal; font-weight: normal; font-style: normal; } #stacks_in_3497_14, #stacks_in_3497_14 h1, #stacks_in_3497_14 h2, #stacks_in_3497_14 h3, #stacks_in_3497_14 h4, #stacks_in_3497_14 h5, #stacks_in_3497_14 h6, #stacks_in_3497_14 p { font-family: 'A-OTF-Jun201Pro-Regular', sans-serif !important; font-stretch: normal !important; font-weight: normal !important; font-style: normal !important; }