/* * 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); } } /* ScrollShow v1.0.3 */ #stacks_in_388352_2, #stacks_in_388352_2 * { box-sizing: border-box; } #stacks_in_388352_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_388352_2_wrapper, #stacks_in_388352_2_wrapper p { color: #4C4C4C; } /* @end */ /* @group link styling */ #stacks_in_388352_2_wrapper a, #stacks_in_388352_2_wrapper a.ssClose, #stacks_in_388352_2_wrapper a.ssClose:visited { } #stacks_in_388352_2_wrapper a:visited { } #stacks_in_388352_2_wrapper a:hover, #stacks_in_388352_2_wrapper a.ssClose:hover { } #stacks_in_388352_2_wrapper a:active, #stacks_in_388352_2_wrapper a.ssClose:active { } /* @end */ /* @group heading styling */ #stacks_in_388352_2_wrapper h1 { } #stacks_in_388352_2_wrapper h2 { } #stacks_in_388352_2_wrapper h3 { } #stacks_in_388352_2_wrapper h4 { } #stacks_in_388352_2_wrapper h5 { } #stacks_in_388352_2_wrapper h6 { } /* @end */ /* @group show/hide */ #stacks_in_388352_2.ss_hide { visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } #stacks_in_388352_2.ss_show { visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } #stacks_in_388352_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_388352_3, #stacks_in_388352_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_388352_3 { padding: 20px 0px !important; } #press_alignment_stacks_in_388352_3 { width: 100%; } #press_alignment_stacks_in_388352_3.press-left { text-align: left; } #press_alignment_stacks_in_388352_3.press-center { text-align: center; } #press_alignment_stacks_in_388352_3.press-right { text-align: right; } #stacks_in_388352_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_388352_3:hover { /* */ /* */ /* */ /* */ } #stacks_in_388352_3:hover .press-icon i { /* */ color: rgba(253, 155, 16, 1.00); /* */ } #stacks_in_388352_3:active { /* */ /* */ /* */ /* */ } #stacks_in_388352_3:active .press-icon i { /* */ } #stacks_in_388352_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_388352_3 .press-icon i { font-size: 50px; color: rgba(24, 26, 43, 1.00); vertical-align: middle; } #stacks_in_388352_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_388352_3 .press-text .out { margin: 0 !important; } #stacks_in_388352_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_388353_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_388353_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_388353_16 span, #sideMenuToggle_stacks_in_388353_16 i { vertical-align: middle; } #sideMenuToggle_stacks_in_388353_16 span { font-size: 18px; } #sideMenuToggle_stacks_in_388353_16 i { font-size: 30px; } #sideMenuContainer_stacks_in_388353_16:before, #sideMenuContainer_stacks_in_388353_16:after { content: ''; top: 0; left: 0; right: 0; bottom: 0; margin: 0; opacity: 1; display: block; position: absolute; } #sideMenuContainer_stacks_in_388353_16:before { /* */ background: #FBFDFD; /* */ /* */ /* */ } #sideMenuContainer_stacks_in_388353_16:after { /* */ } #sideMenu_stacks_in_388353_16 { opacity: 1; padding: 18px 15px 10px 15px; /* */ text-align: left; /* */ /* */ /* */ /* */ /* */ /* */ font-family: "Open Sans"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ } #sideMenu_stacks_in_388353_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_388353_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_388353_16 #cssmenu, #sideMenu_stacks_in_388353_16 #cssmenu ul, #sideMenu_stacks_in_388353_16 #cssmenu ul li, #sideMenu_stacks_in_388353_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_388353_16 #cssmenu { width: 100%; font-family: inherit; } #sideMenu_stacks_in_388353_16 #cssmenu ul > li a small { display: block; margin-top: 7px; font-size: 13px; color: rgba(2, 31, 57, 1.00); } #sideMenu_stacks_in_388353_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_388353_16 #cssmenu ul > li a i:first-of-type { color: inherit; vertical-align: top; font-size: 15px; } #sideMenu_stacks_in_388353_16 #cssmenu ul ul li a i:first-of-type { color: inherit; vertical-align: top; font-size: 14px; } #sideMenuContainer_stacks_in_388353_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_388353_16 #cssmenu ul > li.has-sub > a span.sideMenu_dropdown_icons i.dropdown-open-icon, #sideMenuContainer_stacks_in_388353_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_388353_16 #cssmenu ul > li.has-sub > a span.sideMenu_dropdown_icons i.dropdown-open-icon { opacity: 1; visibility: visible; } #sideMenuContainer_stacks_in_388353_16 #cssmenu ul > li.has-sub > a span.sideMenu_dropdown_icons i.dropdown-close-icon { opacity: 0; visibility: hidden; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu ul > li.has-sub.open > a i.dropdown-open-icon, #sideMenuContainer_stacks_in_388353_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_388353_16.open #cssmenu ul > li.has-sub.open > a i.dropdown-open-icon { opacity: 0; visibility: hidden; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu ul > li.has-sub.open > a i.dropdown-close-icon { opacity: 1; visibility: visible; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu ul > li.has-sub > a i.dropdown-open-icon { opacity: 1; visibility: visible; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu ul > li.has-sub > a i.dropdown-close-icon { opacity: 0; visibility: hidden; } /* */ #sideMenuContainer_stacks_in_388353_16 #cssmenu ul > li.has-sub > a:hover > .clickable_dropdown { color: #000000; /* */ border-left: 1px dotted; /* */ } /* */ #sideMenu_stacks_in_388353_16 #cssmenu ul > li.has-sub > a { /* */ padding: 16px 45px 16px 18px; /* */ /* */ /* */ } #sideMenu_stacks_in_388353_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_388353_16 #cssmenu > ul > li > a:first-child { margin-top: 0; } #sideMenu_stacks_in_388353_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_388353_16 #cssmenu ul ul li a { /* */ margin-left: 15px; /* */ /* */ /* */ } #sideMenu_stacks_in_388353_16 #cssmenu ul ul ul li a { /* */ margin-left: 30px; /* */ /* */ /* */ } #sideMenu_stacks_in_388353_16 #cssmenu ul ul ul ul li a { /* */ margin-left: 45px; /* */ /* */ /* */ } #sideMenu_stacks_in_388353_16 #cssmenu ul ul ul ul ul li a { /* */ margin-left: 60px; /* */ /* */ /* */ } #sideMenu_stacks_in_388353_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_388353_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_388353_16:hover { cursor: pointer; color: #060606; /* */ background: #FFBE04; /* */ /* */ /* */ } #sideMenu_stacks_in_388353_16 .close-icon i:hover { /* */ /* */ -webkit-transform: rotate(180deg); transform: rotate(180deg); /* */ /* */ } #sideMenuContainer_stacks_in_388353_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_388353_16 { max-width: 320px; } } @media only screen and (max-width: 770px) and (min-width: 441px) { #sideMenuContainer_stacks_in_388353_16 { max-width: 330px; } } @media only screen and (min-width: 771px) { #sideMenuContainer_stacks_in_388353_16 { max-width: 350px; } } /* */ /* */ #sideMenuContainer_stacks_in_388353_16:before, #sideMenuContainer_stacks_in_388353_16:after { content: ''; z-index: -1; width: 100%; height: 120%; transition: opacity 0.1s ease-in; } #sideMenuContainer_stacks_in_388353_16.open { left: 0; opacity: 1; visibility: visible; transition: 0.2s ease-out; } #sideMenuContainer_stacks_in_388353_16.open:before { visibility: visible; opacity: 1.00; transition: opacity 0.1s ease; } #sideMenuContainer_stacks_in_388353_16.open .close-icon { opacity: 1; transition-delay: 0.4s; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu { opacity: 1; visibility: visible; transition-delay: 0.4s; transition: all 0.3s ease; } #sideMenu_stacks_in_388353_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_388353_16 #cssmenu ul ul { display: none; } #sideMenu_stacks_in_388353_16 #cssmenu > ul > li.active > ul { display: block; } #sideMenuContainer_stacks_in_388353_16 #cssmenu > ul > li { left: -100%; opacity: 0; transition: left 0.3s ease; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu > ul > li { left: 0%; opacity: 1; transition: all 0.3s ease; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu > ul > li:nth-child(1) { transition-delay: 0.2s; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu > ul > li:nth-child(2) { transition-delay: 0.3s; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu > ul > li:nth-child(3) { transition-delay: 0.4s; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu > ul > li:nth-child(4) { transition-delay: 0.5s; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu > ul > li:nth-child(5) { transition-delay: 0.6s; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu > ul > li:nth-child(6) { transition-delay: 0.7s; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu > ul > li:nth-child(7) { transition-delay: 0.8s; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu > ul > li:nth-child(8) { transition-delay: 0.9s; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu > ul > li:nth-child(9) { transition-delay: 1s; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu > ul > li:nth-child(10) { transition-delay: 1.1s; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu > ul > li:nth-child(11) { transition-delay: 1.2s; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu > ul > li:nth-child(12) { transition-delay: 1.3s; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu > ul > li:nth-child(13) { transition-delay: 1.4s; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu > ul > li:nth-child(14) { transition-delay: 1.5s; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu > ul > li:nth-child(15) { transition-delay: 1.6s; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu > ul > li:nth-child(16) { transition-delay: 1.7s; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu > ul > li:nth-child(17) { transition-delay: 1.8s; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu > ul > li:nth-child(18) { transition-delay: 1.9s; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu > ul > li:nth-child(19) { transition-delay: 2s; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu > ul > li:nth-child(20) { transition-delay: 2.1s; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu > ul > li:nth-child(21) { transition-delay: 2.2s; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu > ul > li:nth-child(22) { transition-delay: 2.3s; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu > ul > li:nth-child(23) { transition-delay: 2.4s; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu > ul > li:nth-child(24) { transition-delay: 2.5s; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu > ul > li:nth-child(25) { transition-delay: 2.6s; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu > ul > li:nth-child(26) { transition-delay: 2.7s; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu > ul > li:nth-child(27) { transition-delay: 2.8s; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu > ul > li:nth-child(28) { transition-delay: 2.9s; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu > ul > li:nth-child(29) { transition-delay: 3s; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu > ul > li:nth-child(30) { transition-delay: 3.1s; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu > ul > li:nth-child(31) { transition-delay: 3.2s; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu > ul > li:nth-child(32) { transition-delay: 3.3s; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu > ul > li:nth-child(33) { transition-delay: 3.4s; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu > ul > li:nth-child(34) { transition-delay: 3.5s; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu > ul > li:nth-child(35) { transition-delay: 3.6s; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu > ul > li:nth-child(36) { transition-delay: 3.7s; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu > ul > li:nth-child(37) { transition-delay: 3.8s; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu > ul > li:nth-child(38) { transition-delay: 3.9s; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu > ul > li:nth-child(39) { transition-delay: 4s; } #sideMenuContainer_stacks_in_388353_16.open #cssmenu > ul > li:nth-child(40) { transition-delay: 4.1s; } #sideMenu_stacks_in_388353_16 #cssmenu ul > li a:hover small { font-size: 13px; color: rgba(0, 0, 0, 0.50); } #sideMenu_stacks_in_388353_16 #cssmenu ul ul li a:hover small { font-size: 13px; /* */ color: rgba(0, 0, 0, 0.50); /* */ } #sideMenu_stacks_in_388353_16 #cssmenu > ul > li > a:hover { color: #000000; /* */ /* */ background: rgba(255, 190, 4, 1.00); /* */ /* */ } #sideMenu_stacks_in_388353_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_388353_16.hide-m, #sideMenuToggleContainer_stacks_in_388353_16.hide-m { display: none; } } @media only screen and (max-width: 770px) and (min-width: 441px) { #sideMenuContainer_stacks_in_388353_16.hide-t, #sideMenuToggleContainer_stacks_in_388353_16.hide-t { display: none; } } @media only screen and (min-width: 771px) { #sideMenuContainer_stacks_in_388353_16.hide-d, #sideMenuToggleContainer_stacks_in_388353_16.hide-d { display: none; } } /* */ /* */ /* */ } #sideMenuItem_stacks_in_388353_26.sub_level_5::before { content: 'Sub Level 5'; background: purple; } /* */ } #sideMenuItem_stacks_in_388353_29.sub_level_5::before { content: 'Sub Level 5'; background: purple; } #stacks_in_388353_18 h1,#stacks_in_388353_18 h1 a,#stacks_in_388353_18 p,#stacks_in_388353_18 p a{ font-size:33px; line-height:1.25em; margin:0; } #stacks_in_388353_18 h1,#stacks_in_388353_18 h1 a,#stacks_in_388353_18 p,#stacks_in_388353_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_388353_18 p a:hover, #stacks_in_388353_18 h1 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_388353_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_388353_34, #stacks_in_388353_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_388353_34 { padding: 20px 0px !important; } #press_alignment_stacks_in_388353_34 { width: 100%; } #press_alignment_stacks_in_388353_34.press-left { text-align: left; } #press_alignment_stacks_in_388353_34.press-center { text-align: center; } #press_alignment_stacks_in_388353_34.press-right { text-align: right; } #stacks_in_388353_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_388353_34:hover { /* */ /* */ /* */ background: rgba(2, 31, 57, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_388353_34:hover .press-icon i { /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_388353_34:active { /* */ /* */ /* */ /* */ color: rgba(204, 0, 0, 1.00); /* */ } #stacks_in_388353_34:active .press-icon i { /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_388353_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_388353_34 .press-icon i { font-size: 17px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_388353_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_388353_34 .press-text .out { margin: 0 !important; } #stacks_in_388353_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_388325 .hp-bg-layer { background-color : rgba(255, 255, 255, 0.00); background-image : url(../files/backgroundImage-388325.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; } .hp_stacks_in_388325 .hp-fg-layer { min-height: 100vh; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; } .hp_stacks_in_388325 .hp-fg-layer .hp-section { max-width: 1280px; width: calc(100% - 60px); margin:0 auto; } .hp_stacks_in_388325 .hp-fg-layer > .hp-layer-2, .hp_stacks_in_388325 .hp-fg-layer > .hp-layer-4 { display: none; } .hp_stacks_in_388325 .hp-fg-layer .hp-svg-wrap > .hp-extend, .hp_stacks_in_388325 .hp-fg-layer .hp-layer-2 .hp-svg-wrap .hp-wave-1, .hp_stacks_in_388325 .hp-fg-layer .hp-layer-3 .hp-svg-wrap .hp-wave-2, .hp_stacks_in_388325 .hp-fg-layer .hp-layer-4 .hp-svg-wrap .hp-wave-3 { display: block; } .hp_stacks_in_388325 .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_388325 .hp-svg-wrap svg{ height:240px } .hp_stacks_in_388325 .hp-fg-layer .hp-horizon-content{ padding-bottom:240px } .hp_stacks_in_388325 .hp-fg-layer .hp-svg-wrap svg{ position:absolute; top:-240px } } #stacks_in_388329 { margin: 0px 0px 30px 0px; } #stacks_in_388330>.s3_row { margin: 0 -0px; } #stacks_in_388330>.s3_row>.s3_column_left { width: 37.80%; } #stacks_in_388330>.s3_row>.s3_column_right { width: 62.200001%; } #stacks_in_388330>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_388330>.s3_row { margin: -0px 0; } #stacks_in_388330>.s3_row>.s3_column { padding: 0px 0; width:100%; } } #stacks_in_388333 h3,#stacks_in_388333 h3 a,#stacks_in_388333 p,#stacks_in_388333 p a{ font-size:36px; line-height:1.68em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_388333 h3,#stacks_in_388333 h3 a,#stacks_in_388333 p,#stacks_in_388333 p a{ font-size:32px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_388333 h3,#stacks_in_388333 h3 a,#stacks_in_388333 p,#stacks_in_388333 p a{ font-size:25px; } } #stacks_in_388333 h3,#stacks_in_388333 h3 a,#stacks_in_388333 p,#stacks_in_388333 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_388333 p a:hover, #stacks_in_388333 h3 a:hover{ color:rgba(253, 174, 31, 1.00); } #stacks_in_389054_2 h3,#stacks_in_389054_2 h3 a,#stacks_in_389054_2 p,#stacks_in_389054_2 p a{ font-size:23px; line-height:1.11em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_389054_2 h3,#stacks_in_389054_2 h3 a,#stacks_in_389054_2 p,#stacks_in_389054_2 p a{ font-size:21px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_389054_2 h3,#stacks_in_389054_2 h3 a,#stacks_in_389054_2 p,#stacks_in_389054_2 p a{ font-size:17px; } } #stacks_in_389054_2 h3,#stacks_in_389054_2 h3 a,#stacks_in_389054_2 p,#stacks_in_389054_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_389054_2 p a:hover, #stacks_in_389054_2 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_388338 h3,#stacks_in_388338 h3 a,#stacks_in_388338 p,#stacks_in_388338 p a{ font-size:30px; line-height:1.68em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_388338 h3,#stacks_in_388338 h3 a,#stacks_in_388338 p,#stacks_in_388338 p a{ font-size:28px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_388338 h3,#stacks_in_388338 h3 a,#stacks_in_388338 p,#stacks_in_388338 p a{ font-size:25px; } } #stacks_in_388338 h3,#stacks_in_388338 h3 a,#stacks_in_388338 p,#stacks_in_388338 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_388338 p a:hover, #stacks_in_388338 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #sideMenuToggleContainer_stacks_in_388341 { -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: 50px 0px 20px 0px; /* */ width: auto; position: static; /* */ /* */ /* */ } #sideMenuToggle_stacks_in_388341 { 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 5px 5px 5px; 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_388341:hover { cursor: pointer; color: #040404; /* */ background: #FDAE1F; /* */ /* */ /* */ } #sideMenuToggle_stacks_in_388341 span, #sideMenuToggle_stacks_in_388341 i { line-height: inherit; vertical-align: middle; } #sideMenuToggle_stacks_in_388341 span { font-size: 14px; } #sideMenuToggle_stacks_in_388341 i { font-size: 22px; } /* */ /* -- Start Anchor Each css Template -- */ .stacks_in_388344editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_388344editInfo i{ vertical-align: middle; } .stacks_in_388344editInfo:before{ content:"#da1"; float: right; } .stacks_in_388344editInfo:after{ content:""; display: table; clear: both; } .stacks_in_388344topOffset{ 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_388344topOffset:after{ content: "Top Offset"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #7f8c8d; } /* -- End Anchor Each css Template -- */ #stacks_in_388344 { margin: 30px 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_388926_2, #stacks_in_388926_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_388926_2 { padding: 20px 0px !important; } #press_alignment_stacks_in_388926_2 { width: 100%; } #press_alignment_stacks_in_388926_2.press-left { text-align: left; } #press_alignment_stacks_in_388926_2.press-center { text-align: center; } #press_alignment_stacks_in_388926_2.press-right { text-align: right; } #stacks_in_388926_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_388926_2:hover { /* */ /* */ /* */ /* */ } #stacks_in_388926_2:hover .press-icon i { /* */ color: rgba(253, 155, 16, 1.00); /* */ } #stacks_in_388926_2:active { /* */ /* */ /* */ /* */ } #stacks_in_388926_2:active .press-icon i { /* */ } #stacks_in_388926_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_388926_2 .press-icon i { font-size: 60px; color: rgba(0, 0, 0, 1.00); vertical-align: middle; } #stacks_in_388926_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_388926_2 .press-text .out { margin: 0 !important; } #stacks_in_388926_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_388354 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_388354 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_388354 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_388356 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_388356 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_388356 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_388358 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_388358 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_388358 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_388360 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_388360 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_388360 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_388362 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_388362 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_388362 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }/* -- Start Anchor Each css Template -- */ .stacks_in_388646anchorStack{ height: 0px !important; padding: 0 !important; margin: 0 !important; } .stacks_in_388646editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_388646editInfo i{ vertical-align: middle; } .stacks_in_388646editInfo:before{ content:"#da1"; float: right; } .stacks_in_388646editInfo:after{ content:""; display: table; clear: both; } .stacks_in_388646topOffset{ 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_388395 .hp-bg-layer { background-color : rgba(237, 236, 239, 1.00); } .hp_stacks_in_388395 .hp-fg-layer { min-height: 100vh; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; } .hp_stacks_in_388395 .hp-fg-layer .hp-section { max-width: 1280px; width: calc(100% - 60px); margin:0 auto; } .hp_stacks_in_388395 .hp-fg-layer > .hp-layer-2, .hp_stacks_in_388395 .hp-fg-layer > .hp-layer-4 { display: none; } .hp_stacks_in_388395 .hp-fg-layer .hp-svg-wrap > .hp-extend, .hp_stacks_in_388395 .hp-fg-layer .hp-layer-2 .hp-svg-wrap .hp-wave-1, .hp_stacks_in_388395 .hp-fg-layer .hp-layer-3 .hp-svg-wrap .hp-wave-2, .hp_stacks_in_388395 .hp-fg-layer .hp-layer-4 .hp-svg-wrap .hp-wave-3 { display: block; } .hp_stacks_in_388395 .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_388395 .hp-svg-wrap svg{ height:240px } .hp_stacks_in_388395 .hp-fg-layer .hp-horizon-content{ padding-bottom:240px } .hp_stacks_in_388395 .hp-fg-layer .hp-svg-wrap svg{ position:absolute; top:-240px } } #stacks_in_388397 { margin: 0px 0px 10px 0px; } #stacks_in_388241 .heightstackhiclass { margin-left: auto; margin-right: auto; display: block; /* DeFliGra */ height: 70px; overflow: hidden; } /* Start dooGrid stack each CSS code */ .stacks_in_387908gridWrapper > div{ display: inline-block !important; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; margin-top: 15px; padding-right: 7.500000px; padding-left: 7.500000px; } .stacks_in_387908gridWrapper{ margin-right: -7.500000px; margin-left: -7.500000px; margin-top: -15px; } @media all and (max-width: 1024px) { .stacks_in_387908gridWrapper > div{ width: 50%; } } @media all and (max-width: 768px) { .stacks_in_387908gridWrapper > div{ width: 50%; } } @media all and (max-width: 480px) { .stacks_in_387908gridWrapper > div{ width: 100%; } } #stacks_in_387908 .dooGridItem{ position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(237, 236, 239, 1.00); border:0px solid rgba(204, 204, 204, 0.00); border-radius: 4px; padding: 0px; } /* End dooGrid stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code */ #stacks_in_389281 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #stacks_in_389298 { background-color: rgba(251, 252, 255, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #stacks_in_389290 h3,#stacks_in_389290 h3 a,#stacks_in_389290 p,#stacks_in_389290 p a{ font-size:17px; line-height:1.25em; margin:0; } #stacks_in_389290 h3,#stacks_in_389290 h3 a,#stacks_in_389290 p,#stacks_in_389290 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 ; } #stacks_in_389290 p a:hover, #stacks_in_389290 h3 a:hover{ color:rgba(255, 102, 51, 1.00); } #stacks_in_389290 { margin: 10px; } /* -- Start Swell Each css Template -- */ #stacks_in_389292{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_389292swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_389292swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_389292swell{ max-width: 800px; } .stacks_in_389292swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_389292swell-with-zoom .mfp-container,.stacks_in_389292swell-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_389292swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_389292swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_389292swell-with-zoom.mfp-removing .mfp-container,.stacks_in_389292swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_389292 .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_389292 .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_389292 .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_389292 .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_389292 .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_389292 .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_389292 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_389292 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_389292 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_389292 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_389292 .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 -- *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code *//* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code */ #stacks_in_389208 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #stacks_in_389210 { background-color: rgba(255, 255, 255, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #stacks_in_389216 h3,#stacks_in_389216 h3 a,#stacks_in_389216 p,#stacks_in_389216 p a{ font-size:17px; line-height:1.25em; margin:0; } #stacks_in_389216 h3,#stacks_in_389216 h3 a,#stacks_in_389216 p,#stacks_in_389216 p a{ color:rgba(63, 128, 195, 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 ; } #stacks_in_389216 p a:hover, #stacks_in_389216 h3 a:hover{ color:rgba(255, 102, 51, 1.00); } #stacks_in_389216 { margin: 20px 10px 10px 10px; } #stacks_in_389243 h3,#stacks_in_389243 h3 a,#stacks_in_389243 p,#stacks_in_389243 p a{ font-size:17px; line-height:1.25em; margin:0; } #stacks_in_389243 h3,#stacks_in_389243 h3 a,#stacks_in_389243 p,#stacks_in_389243 p a{ color:rgba(63, 128, 195, 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 ; } #stacks_in_389243 p a:hover, #stacks_in_389243 h3 a:hover{ color:rgba(255, 102, 51, 1.00); } #stacks_in_389243 { margin: 10px; } #stacks_in_389212 h3,#stacks_in_389212 h3 a,#stacks_in_389212 p,#stacks_in_389212 p a{ font-size:16px; line-height:1.25em; margin:0; } #stacks_in_389212 h3,#stacks_in_389212 h3 a,#stacks_in_389212 p,#stacks_in_389212 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: normal ; } #stacks_in_389212 p a:hover, #stacks_in_389212 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_389212 { margin: 10px 15px 10px 15px; } #stacks_in_389241 h3,#stacks_in_389241 h3 a,#stacks_in_389241 p,#stacks_in_389241 p a{ font-size:16px; line-height:1.25em; margin:0; } #stacks_in_389241 h3,#stacks_in_389241 h3 a,#stacks_in_389241 p,#stacks_in_389241 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: normal ; } #stacks_in_389241 p a:hover, #stacks_in_389241 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_389241 { margin: 10px; } #stacks_in_389239 { margin: 10px; } #stacks_in_389195 { margin: 10px; } /* Start dooGridChild stack each CSS code */ /* End dooGridChild stack each CSS code */ #stacks_in_389063 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #stacks_in_389183 { background-color: rgba(255, 255, 255, 1.00); border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #stacks_in_389222 h3,#stacks_in_389222 h3 a,#stacks_in_389222 p,#stacks_in_389222 p a{ font-size:18px; line-height:1.00em; margin:0; } #stacks_in_389222 h3,#stacks_in_389222 h3 a,#stacks_in_389222 p,#stacks_in_389222 p a{ color:rgba(3, 3, 3, 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 ; } #stacks_in_389222 p a:hover, #stacks_in_389222 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_389222 { margin: 20px 10px 10px 10px; } #stacks_in_389188 h3,#stacks_in_389188 h3 a,#stacks_in_389188 p,#stacks_in_389188 p a{ font-size:16px; line-height:1.25em; margin:0; } #stacks_in_389188 h3,#stacks_in_389188 h3 a,#stacks_in_389188 p,#stacks_in_389188 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: normal ; } #stacks_in_389188 p a:hover, #stacks_in_389188 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_389188 { margin: 10px 15px 10px 15px; } #stacks_in_389226>.s3_row { margin: 0 -10px; } #stacks_in_389226>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_389226>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_389226>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_389226>.s3_row { margin: -10px 0; } #stacks_in_389226>.s3_row>.s3_column { padding: 10px 0; width:100%; } } /* -- Start Swell Each css Template -- */ #stacks_in_389235{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_389235swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_389235swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_389235swell{ max-width: 800px; } .stacks_in_389235swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_389235swell-with-zoom .mfp-container,.stacks_in_389235swell-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_389235swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_389235swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_389235swell-with-zoom.mfp-removing .mfp-container,.stacks_in_389235swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_389235 .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_389235 .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_389235 .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_389235 .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_389235 .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_389235 .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_389235 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_389235 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_389235 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_389235 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_389235 .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 -- *//* -- Start Swell Each css Template -- */ #stacks_in_389238{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_389238swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_389238swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_389238swell{ max-width: 800px; } .stacks_in_389238swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_389238swell-with-zoom .mfp-container,.stacks_in_389238swell-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_389238swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_389238swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_389238swell-with-zoom.mfp-removing .mfp-container,.stacks_in_389238swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_389238 .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_389238 .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_389238 .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_389238 .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_389238 .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_389238 .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_389238 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_389238 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_389238 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_389238 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_389238 .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_389238 { margin: 30px 0px 0px 0px; } #stacks_in_387849 .heightstackhiclass { margin-left: auto; margin-right: auto; display: block; /* DeFliGra */ height: 30px; overflow: hidden; } .stacks_in_388238center { display: flex; flex-direction: column; justify-content: center; text-align: center; } #stacks_in_388238 svg#cls1 { cursor: default; width: 300px; -ms-transform: none; transform: none; stroke: rgba(128, 137, 145, 1.00); stroke-width: 0; stroke-dasharray: 0; padding: 0px; } @media only screen and (max-width: 600px) { #stacks_in_388238 svg#cls1 { cursor: default; max-width: 90%; } }#stacks_in_388239 .heightstackhiclass { margin-left: auto; margin-right: auto; display: block; /* DeFliGra */ height: 30px; overflow: hidden; } /* */ #flex-stacks_in_388649 { margin: 0 auto; max-width: 1280px; } #flex-stacks_in_388649 .flex-controls { /* */ font-family: "Open Sans"; /* */ 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_388649 .flex-controls.no-inner-text #flex-toggle-stacks_in_388649::before { display: none; } #flex-stacks_in_388649 .flex-controls.no-outer-text #flex-toggle-text-stacks_in_388649 { display: none; } #flex-stacks_in_388649 .flex-controls #flex-toggle-text-stacks_in_388649 { color: rgba(69, 90, 100, 1.00); font-size: 13px; cursor: pointer; font-weight: bold; margin-right: 10px; display: inline-block; } #flex-stacks_in_388649 .flex-controls #flex-toggle-text-stacks_in_388649::before { display: inline-block; content: 'CLOSE ALL'; } #flex-stacks_in_388649 .flex-controls #flex-toggle-text-stacks_in_388649.off::before { content: 'OPEN ALL'; } #flex-stacks_in_388649 .flex-controls #flex-toggle-stacks_in_388649 { 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_388649 .flex-controls #flex-toggle-stacks_in_388649::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_388649 .flex-controls #flex-toggle-stacks_in_388649 .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_388649 .flex-controls #flex-toggle-stacks_in_388649.off { background: rgba(229, 83, 97, 1.00); } #flex-stacks_in_388649 .flex-controls #flex-toggle-stacks_in_388649.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_388649 .flex-controls #flex-toggle-stacks_in_388649.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_388649 .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_388649 .flex-grid-row { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } #flex-stacks_in_388649 .flex-grid-item-stacks_in_388649 { box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_388649 .flex-grid-item-stacks_in_388649 .flex-item-content-stacks_in_388649 { height: 0; overflow: hidden; position: relative; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_388649 .flex-grid-item-stacks_in_388649 .flex-item-content-stacks_in_388649 .flex-item-content-inner-stacks_in_388649 { /* */ font-family: "Open Sans"; /* */ z-index: 10; position: relative; padding: 20px 20px; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_388649 .flex-grid-item-stacks_in_388649 .flex-item-content-stacks_in_388649::before { z-index: 5; content: ''; top: 0; left: 0; right: 0; bottom: 0; display: block; position: absolute; } #flex-stacks_in_388649 .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 { /* */ font-family: "Open Sans"; /* */ 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_388649 .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649:hover { /* */ padding: 20px 15px; box-sizing: border-box; transition: 0.3s ease; /* */ } #flex-stacks_in_388649 .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649:hover .header-toggle-icon { /* */ -webkit-transform: rotate(90deg); transform: rotate(90deg); transition: 0.3s ease; /* */ } #flex-stacks_in_388649 .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-icon, #flex-stacks_in_388649 .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-title, #flex-stacks_in_388649 .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-toggle-icon { z-index: 2; } #flex-stacks_in_388649 .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-icon { font-size: 20px; margin-right: 20px; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_388649 .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-toggle-icon { font-size: 20px; margin-left: auto; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_388649 .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .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_388649 .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649::before { content: ''; display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } #flex-stacks_in_388649 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388649 .flex-item-content-stacks_in_388649 { height: auto; } #flex-stacks_in_388649 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 { padding: 20px 15px; } #flex-stacks_in_388649 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649:hover { padding: 20px 15px; } #flex-stacks_in_388649 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649:hover .header-toggle-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #flex-stacks_in_388649 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-icon { font-size: 20px; } #flex-stacks_in_388649 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-title { font-size: 13px; } #flex-stacks_in_388649 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-toggle-icon::before { content: '\f12a'; transition: all 0.3s ease; } #flex-stacks_in_388649 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649::before { display: block; } #flex-stacks_in_388649.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_388649.no-open-all-toggle .flex-controls { display: none; } #flex-stacks_in_388649.uppercase-headers .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 { text-transform: uppercase; } #flex-stacks_in_388649.shared-background .flex-grid-item-stacks_in_388649 { /* */ /* */ /* */ } #flex-stacks_in_388649.shared-header-overlay .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649::before { background: rgba(2, 31, 57, 1.00) !important; } #flex-stacks_in_388649.header-hover-overlays .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649:hover::before { /* */ display: block; /* */ } #flex-stacks_in_388649.header-hover-overlays .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649:hover .header-title, #flex-stacks_in_388649.header-hover-overlays .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649:hover .header-toggle-icon { /* */ color: rgba(253, 174, 31, 1.00) !important; /* */ } #flex-stacks_in_388649.header-hover-overlays .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649:hover .header-icon { /* */ color: rgba(253, 174, 31, 1.00) !important; /* */ } #flex-stacks_in_388649.shared-title .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-title, #flex-stacks_in_388649.shared-title .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-toggle-icon { color: rgba(0, 0, 0, 1.00) !important; } #flex-stacks_in_388649.shared-title .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-title, #flex-stacks_in_388649.shared-title .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-toggle-icon { color: rgba(253, 174, 31, 1.00) !important; } #flex-stacks_in_388649.shared-icon .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-icon { color: rgba(3, 3, 1, 1.00) !important; } #flex-stacks_in_388649.shared-icon .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-icon { color: rgba(253, 174, 31, 1.00) !important; } #flex-stacks_in_388649.shared-content-text .flex-grid-item-stacks_in_388649 .flex-item-content-stacks_in_388649 .flex-item-content-inner-stacks_in_388649 { color: rgba(255, 255, 255, 1.00) !important; } #flex-stacks_in_388649.shared-content-overlay .flex-grid-item-stacks_in_388649 .flex-item-content-stacks_in_388649::before { background: rgba(251, 254, 254, 1.00) !important; } @media (min-width: 480px) and (max-width: 768px) { #flex-stacks_in_388649 .flex-grid { border-radius: 5px; } #flex-stacks_in_388649 .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-icon { font-size: 20px; } #flex-stacks_in_388649 .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-title { font-size: 14px; line-height: 19.600000px; } #flex-stacks_in_388649 .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-toggle-icon { font-size: 20px; } #flex-stacks_in_388649 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-icon { font-size: 20px; } #flex-stacks_in_388649 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-title { font-size: 12px; line-height: 16.799999px; } } @media (max-width: 480px) { #flex-stacks_in_388649 .flex-grid { border-radius: 5px; } #flex-stacks_in_388649 .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-icon { font-size: 20px; } #flex-stacks_in_388649 .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-title { font-size: 12px; line-height: 16.799999px; } #flex-stacks_in_388649 .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-toggle-icon { font-size: 20px; } #flex-stacks_in_388649 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-icon { font-size: 16px; } #flex-stacks_in_388649 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .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_388649 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #flex-item-stacks_in_389245 .flex-grid-item-stacks_in_388649 { /* */ background: rgba(230, 230, 230, 1.00); /* */ /* */ /* */ } #flex-item-stacks_in_389245 .flex-grid-item-stacks_in_388649 .flex-item-content-stacks_in_388649 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_389245 .flex-grid-item-stacks_in_388649 .flex-item-content-stacks_in_388649 .flex-item-content-inner-stacks_in_388649 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_389245 .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_389245 .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_389245 .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-toggle-icon { color: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_389245 .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-title { color: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_389245.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_389245.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_389245.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-title { color: rgba(255, 255, 255, 1.00); } /* */ #flex-stacks_in_389247 { margin: 0 auto; max-width: 1280px; } #flex-stacks_in_389247 .flex-controls { /* */ font-family: "Open Sans"; /* */ 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_389247 .flex-controls.no-inner-text #flex-toggle-stacks_in_389247::before { display: none; } #flex-stacks_in_389247 .flex-controls.no-outer-text #flex-toggle-text-stacks_in_389247 { display: none; } #flex-stacks_in_389247 .flex-controls #flex-toggle-text-stacks_in_389247 { color: rgba(69, 90, 100, 1.00); font-size: 13px; cursor: pointer; font-weight: bold; margin-right: 10px; display: inline-block; } #flex-stacks_in_389247 .flex-controls #flex-toggle-text-stacks_in_389247::before { display: inline-block; content: 'CLOSE ALL'; } #flex-stacks_in_389247 .flex-controls #flex-toggle-text-stacks_in_389247.off::before { content: 'OPEN ALL'; } #flex-stacks_in_389247 .flex-controls #flex-toggle-stacks_in_389247 { 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_389247 .flex-controls #flex-toggle-stacks_in_389247::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_389247 .flex-controls #flex-toggle-stacks_in_389247 .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_389247 .flex-controls #flex-toggle-stacks_in_389247.off { background: rgba(229, 83, 97, 1.00); } #flex-stacks_in_389247 .flex-controls #flex-toggle-stacks_in_389247.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_389247 .flex-controls #flex-toggle-stacks_in_389247.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_389247 .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_389247 .flex-grid-row { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } #flex-stacks_in_389247 .flex-grid-item-stacks_in_389247 { box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_389247 .flex-grid-item-stacks_in_389247 .flex-item-content-stacks_in_389247 { height: 0; overflow: hidden; position: relative; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_389247 .flex-grid-item-stacks_in_389247 .flex-item-content-stacks_in_389247 .flex-item-content-inner-stacks_in_389247 { /* */ font-family: "Open Sans"; /* */ z-index: 10; position: relative; padding: 20px 20px; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_389247 .flex-grid-item-stacks_in_389247 .flex-item-content-stacks_in_389247::before { z-index: 5; content: ''; top: 0; left: 0; right: 0; bottom: 0; display: block; position: absolute; } #flex-stacks_in_389247 .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247 { /* */ font-family: "Open Sans"; /* */ padding: 10px 10px; 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_389247 .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247:hover { /* */ padding: 20px 10px; box-sizing: border-box; transition: 0.3s ease; /* */ } #flex-stacks_in_389247 .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247:hover .header-toggle-icon { /* */ -webkit-transform: rotate(90deg); transform: rotate(90deg); transition: 0.3s ease; /* */ } #flex-stacks_in_389247 .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247 .header-icon, #flex-stacks_in_389247 .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247 .header-title, #flex-stacks_in_389247 .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247 .header-toggle-icon { z-index: 2; } #flex-stacks_in_389247 .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247 .header-icon { font-size: 20px; margin-right: 20px; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_389247 .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247 .header-toggle-icon { font-size: 20px; margin-left: auto; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_389247 .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247 .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_389247 .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247::before { content: ''; display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } #flex-stacks_in_389247 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389247 .flex-item-content-stacks_in_389247 { height: auto; } #flex-stacks_in_389247 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247 { padding: 20px 10px; } #flex-stacks_in_389247 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247:hover { padding: 20px 10px; } #flex-stacks_in_389247 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247:hover .header-toggle-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #flex-stacks_in_389247 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247 .header-icon { font-size: 20px; } #flex-stacks_in_389247 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247 .header-title { font-size: 13px; } #flex-stacks_in_389247 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247 .header-toggle-icon::before { content: '\f12a'; transition: all 0.3s ease; } #flex-stacks_in_389247 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247::before { display: block; } #flex-stacks_in_389247.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_389247.no-open-all-toggle .flex-controls { display: none; } #flex-stacks_in_389247.uppercase-headers .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247 { text-transform: uppercase; } #flex-stacks_in_389247.shared-background .flex-grid-item-stacks_in_389247 { /* */ /* */ /* */ } #flex-stacks_in_389247.shared-header-overlay .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247::before { background: rgba(2, 31, 57, 1.00) !important; } #flex-stacks_in_389247.header-hover-overlays .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247:hover::before { /* */ display: block; /* */ } #flex-stacks_in_389247.header-hover-overlays .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247:hover .header-title, #flex-stacks_in_389247.header-hover-overlays .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247:hover .header-toggle-icon { /* */ color: rgba(253, 174, 31, 1.00) !important; /* */ } #flex-stacks_in_389247.header-hover-overlays .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247:hover .header-icon { /* */ color: rgba(253, 174, 31, 1.00) !important; /* */ } #flex-stacks_in_389247.shared-title .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247 .header-title, #flex-stacks_in_389247.shared-title .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247 .header-toggle-icon { color: rgba(0, 0, 0, 1.00) !important; } #flex-stacks_in_389247.shared-title .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247 .header-title, #flex-stacks_in_389247.shared-title .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247 .header-toggle-icon { color: rgba(253, 174, 31, 1.00) !important; } #flex-stacks_in_389247.shared-icon .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247 .header-icon { color: rgba(3, 3, 1, 1.00) !important; } #flex-stacks_in_389247.shared-icon .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247 .header-icon { color: rgba(253, 174, 31, 1.00) !important; } #flex-stacks_in_389247.shared-content-text .flex-grid-item-stacks_in_389247 .flex-item-content-stacks_in_389247 .flex-item-content-inner-stacks_in_389247 { color: rgba(255, 255, 255, 1.00) !important; } #flex-stacks_in_389247.shared-content-overlay .flex-grid-item-stacks_in_389247 .flex-item-content-stacks_in_389247::before { background: rgba(251, 254, 254, 1.00) !important; } @media (min-width: 480px) and (max-width: 768px) { #flex-stacks_in_389247 .flex-grid { border-radius: 5px; } #flex-stacks_in_389247 .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247 .header-icon { font-size: 20px; } #flex-stacks_in_389247 .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247 .header-title { font-size: 12px; line-height: 16.799999px; } #flex-stacks_in_389247 .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247 .header-toggle-icon { font-size: 20px; } #flex-stacks_in_389247 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247 .header-icon { font-size: 20px; } #flex-stacks_in_389247 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247 .header-title { font-size: 12px; line-height: 16.799999px; } } @media (max-width: 480px) { #flex-stacks_in_389247 .flex-grid { border-radius: 5px; } #flex-stacks_in_389247 .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247 .header-icon { font-size: 20px; } #flex-stacks_in_389247 .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247 .header-title { font-size: 10px; line-height: 14.000000px; } #flex-stacks_in_389247 .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247 .header-toggle-icon { font-size: 20px; } #flex-stacks_in_389247 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247 .header-icon { font-size: 16px; } #flex-stacks_in_389247 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247 .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_389247 { 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_389248 .flex-grid-item-stacks_in_389247 { /* */ background: rgba(230, 230, 230, 1.00); /* */ /* */ /* */ } #flex-item-stacks_in_389248 .flex-grid-item-stacks_in_389247 .flex-item-content-stacks_in_389247 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_389248 .flex-grid-item-stacks_in_389247 .flex-item-content-stacks_in_389247 .flex-item-content-inner-stacks_in_389247 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_389248 .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_389248 .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_389248 .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247 .header-toggle-icon { color: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_389248 .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247 .header-title { color: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_389248.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_389248.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_389248.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_389250 { margin: 10px 5px 0px 5px; } #flex-item-stacks_in_389263 .flex-grid-item-stacks_in_389247 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_389263 .flex-grid-item-stacks_in_389247 .flex-item-content-stacks_in_389247 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_389263 .flex-grid-item-stacks_in_389247 .flex-item-content-stacks_in_389247 .flex-item-content-inner-stacks_in_389247 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_389263 .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_389263 .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_389263 .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_389263 .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_389263.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_389263.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_389263.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389247 .flex-item-header-stacks_in_389247 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_389265 { margin: 10px 5px 0px 5px; } #stacks_in_389277 h3,#stacks_in_389277 h3 a,#stacks_in_389277 p,#stacks_in_389277 p a{ font-size:16px; line-height:1.25em; margin:0; } #stacks_in_389277 h3,#stacks_in_389277 h3 a,#stacks_in_389277 p,#stacks_in_389277 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: normal ; } #stacks_in_389277 p a:hover, #stacks_in_389277 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_389277 { margin: 10px; } #stacks_in_389269 .heightstackhiclass { margin-left: auto; margin-right: auto; display: block; /* DeFliGra */ height: 20px; overflow: hidden; } #flex-item-stacks_in_389149 .flex-grid-item-stacks_in_388649 { /* */ background: rgba(230, 230, 230, 1.00); /* */ /* */ /* */ } #flex-item-stacks_in_389149 .flex-grid-item-stacks_in_388649 .flex-item-content-stacks_in_388649 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_389149 .flex-grid-item-stacks_in_388649 .flex-item-content-stacks_in_388649 .flex-item-content-inner-stacks_in_388649 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_389149 .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_389149 .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_389149 .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-toggle-icon { color: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_389149 .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-title { color: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_389149.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_389149.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_389149.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-title { color: rgba(255, 255, 255, 1.00); } /* */ #flex-stacks_in_389151 { margin: 0 auto; max-width: 1280px; } #flex-stacks_in_389151 .flex-controls { /* */ font-family: "Open Sans"; /* */ 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_389151 .flex-controls.no-inner-text #flex-toggle-stacks_in_389151::before { display: none; } #flex-stacks_in_389151 .flex-controls.no-outer-text #flex-toggle-text-stacks_in_389151 { display: none; } #flex-stacks_in_389151 .flex-controls #flex-toggle-text-stacks_in_389151 { color: rgba(69, 90, 100, 1.00); font-size: 13px; cursor: pointer; font-weight: bold; margin-right: 10px; display: inline-block; } #flex-stacks_in_389151 .flex-controls #flex-toggle-text-stacks_in_389151::before { display: inline-block; content: 'CLOSE ALL'; } #flex-stacks_in_389151 .flex-controls #flex-toggle-text-stacks_in_389151.off::before { content: 'OPEN ALL'; } #flex-stacks_in_389151 .flex-controls #flex-toggle-stacks_in_389151 { 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_389151 .flex-controls #flex-toggle-stacks_in_389151::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_389151 .flex-controls #flex-toggle-stacks_in_389151 .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_389151 .flex-controls #flex-toggle-stacks_in_389151.off { background: rgba(229, 83, 97, 1.00); } #flex-stacks_in_389151 .flex-controls #flex-toggle-stacks_in_389151.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_389151 .flex-controls #flex-toggle-stacks_in_389151.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_389151 .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_389151 .flex-grid-row { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } #flex-stacks_in_389151 .flex-grid-item-stacks_in_389151 { box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_389151 .flex-grid-item-stacks_in_389151 .flex-item-content-stacks_in_389151 { height: 0; overflow: hidden; position: relative; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_389151 .flex-grid-item-stacks_in_389151 .flex-item-content-stacks_in_389151 .flex-item-content-inner-stacks_in_389151 { /* */ font-family: "Open Sans"; /* */ z-index: 10; position: relative; padding: 20px 20px; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_389151 .flex-grid-item-stacks_in_389151 .flex-item-content-stacks_in_389151::before { z-index: 5; content: ''; top: 0; left: 0; right: 0; bottom: 0; display: block; position: absolute; } #flex-stacks_in_389151 .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151 { /* */ font-family: "Open Sans"; /* */ padding: 10px 10px; 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_389151 .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151:hover { /* */ padding: 20px 10px; box-sizing: border-box; transition: 0.3s ease; /* */ } #flex-stacks_in_389151 .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151:hover .header-toggle-icon { /* */ -webkit-transform: rotate(90deg); transform: rotate(90deg); transition: 0.3s ease; /* */ } #flex-stacks_in_389151 .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151 .header-icon, #flex-stacks_in_389151 .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151 .header-title, #flex-stacks_in_389151 .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151 .header-toggle-icon { z-index: 2; } #flex-stacks_in_389151 .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151 .header-icon { font-size: 20px; margin-right: 20px; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_389151 .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151 .header-toggle-icon { font-size: 20px; margin-left: auto; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_389151 .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151 .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_389151 .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151::before { content: ''; display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } #flex-stacks_in_389151 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389151 .flex-item-content-stacks_in_389151 { height: auto; } #flex-stacks_in_389151 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151 { padding: 20px 10px; } #flex-stacks_in_389151 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151:hover { padding: 20px 10px; } #flex-stacks_in_389151 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151:hover .header-toggle-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #flex-stacks_in_389151 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151 .header-icon { font-size: 20px; } #flex-stacks_in_389151 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151 .header-title { font-size: 13px; } #flex-stacks_in_389151 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151 .header-toggle-icon::before { content: '\f12a'; transition: all 0.3s ease; } #flex-stacks_in_389151 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151::before { display: block; } #flex-stacks_in_389151.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_389151.no-open-all-toggle .flex-controls { display: none; } #flex-stacks_in_389151.uppercase-headers .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151 { text-transform: uppercase; } #flex-stacks_in_389151.shared-background .flex-grid-item-stacks_in_389151 { /* */ /* */ /* */ } #flex-stacks_in_389151.shared-header-overlay .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151::before { background: rgba(2, 31, 57, 1.00) !important; } #flex-stacks_in_389151.header-hover-overlays .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151:hover::before { /* */ display: block; /* */ } #flex-stacks_in_389151.header-hover-overlays .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151:hover .header-title, #flex-stacks_in_389151.header-hover-overlays .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151:hover .header-toggle-icon { /* */ color: rgba(253, 174, 31, 1.00) !important; /* */ } #flex-stacks_in_389151.header-hover-overlays .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151:hover .header-icon { /* */ color: rgba(253, 174, 31, 1.00) !important; /* */ } #flex-stacks_in_389151.shared-title .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151 .header-title, #flex-stacks_in_389151.shared-title .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151 .header-toggle-icon { color: rgba(0, 0, 0, 1.00) !important; } #flex-stacks_in_389151.shared-title .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151 .header-title, #flex-stacks_in_389151.shared-title .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151 .header-toggle-icon { color: rgba(253, 174, 31, 1.00) !important; } #flex-stacks_in_389151.shared-icon .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151 .header-icon { color: rgba(3, 3, 1, 1.00) !important; } #flex-stacks_in_389151.shared-icon .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151 .header-icon { color: rgba(253, 174, 31, 1.00) !important; } #flex-stacks_in_389151.shared-content-text .flex-grid-item-stacks_in_389151 .flex-item-content-stacks_in_389151 .flex-item-content-inner-stacks_in_389151 { color: rgba(255, 255, 255, 1.00) !important; } #flex-stacks_in_389151.shared-content-overlay .flex-grid-item-stacks_in_389151 .flex-item-content-stacks_in_389151::before { background: rgba(251, 254, 254, 1.00) !important; } @media (min-width: 480px) and (max-width: 768px) { #flex-stacks_in_389151 .flex-grid { border-radius: 5px; } #flex-stacks_in_389151 .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151 .header-icon { font-size: 20px; } #flex-stacks_in_389151 .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151 .header-title { font-size: 12px; line-height: 16.799999px; } #flex-stacks_in_389151 .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151 .header-toggle-icon { font-size: 20px; } #flex-stacks_in_389151 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151 .header-icon { font-size: 20px; } #flex-stacks_in_389151 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151 .header-title { font-size: 12px; line-height: 16.799999px; } } @media (max-width: 480px) { #flex-stacks_in_389151 .flex-grid { border-radius: 5px; } #flex-stacks_in_389151 .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151 .header-icon { font-size: 20px; } #flex-stacks_in_389151 .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151 .header-title { font-size: 10px; line-height: 14.000000px; } #flex-stacks_in_389151 .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151 .header-toggle-icon { font-size: 20px; } #flex-stacks_in_389151 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151 .header-icon { font-size: 16px; } #flex-stacks_in_389151 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151 .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_389151 { 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_389152 .flex-grid-item-stacks_in_389151 { /* */ background: rgba(230, 230, 230, 1.00); /* */ /* */ /* */ } #flex-item-stacks_in_389152 .flex-grid-item-stacks_in_389151 .flex-item-content-stacks_in_389151 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_389152 .flex-grid-item-stacks_in_389151 .flex-item-content-stacks_in_389151 .flex-item-content-inner-stacks_in_389151 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_389152 .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_389152 .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_389152 .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151 .header-toggle-icon { color: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_389152 .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151 .header-title { color: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_389152.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_389152.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_389152.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_389064 { margin: 10px 5px 0px 5px; } #stacks_in_389076 h3,#stacks_in_389076 h3 a,#stacks_in_389076 p,#stacks_in_389076 p a{ font-size:16px; line-height:1.25em; margin:0; } #stacks_in_389076 h3,#stacks_in_389076 h3 a,#stacks_in_389076 p,#stacks_in_389076 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 ; } #stacks_in_389076 p a:hover, #stacks_in_389076 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_389070 .heightstackhiclass { margin-left: auto; margin-right: auto; display: block; /* DeFliGra */ height: 30px; overflow: hidden; } #stacks_in_389078>.s3_row { margin: 0 -10px; } #stacks_in_389078>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_389078>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_389078>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_389078>.s3_row { margin: -10px 0; } #stacks_in_389078>.s3_row>.s3_column { padding: 10px 0; width:100%; } } /* -- Start Swell Each css Template -- */ #stacks_in_389081{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_389081swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_389081swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_389081swell{ max-width: 800px; } .stacks_in_389081swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_389081swell-with-zoom .mfp-container,.stacks_in_389081swell-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_389081swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_389081swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_389081swell-with-zoom.mfp-removing .mfp-container,.stacks_in_389081swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_389081 .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_389081 .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_389081 .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_389081 .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_389081 .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_389081 .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_389081 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_389081 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_389081 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_389081 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_389081 .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 -- *//* -- Start Swell Each css Template -- */ #stacks_in_389083{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_389083swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_389083swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_389083swell{ max-width: 800px; } .stacks_in_389083swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_389083swell-with-zoom .mfp-container,.stacks_in_389083swell-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_389083swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_389083swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_389083swell-with-zoom.mfp-removing .mfp-container,.stacks_in_389083swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_389083 .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_389083 .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_389083 .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_389083 .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_389083 .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_389083 .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_389083 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_389083 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_389083 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_389083 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_389083 .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_389163 .flex-grid-item-stacks_in_389151 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_389163 .flex-grid-item-stacks_in_389151 .flex-item-content-stacks_in_389151 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_389163 .flex-grid-item-stacks_in_389151 .flex-item-content-stacks_in_389151 .flex-item-content-inner-stacks_in_389151 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_389163 .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_389163 .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_389163 .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_389163 .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_389163.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_389163.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_389163.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_389151 .flex-item-header-stacks_in_389151 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_388932 { margin: 10px 5px 0px 5px; } #stacks_in_389085 h3,#stacks_in_389085 h3 a,#stacks_in_389085 p,#stacks_in_389085 p a{ font-size:16px; line-height:1.25em; margin:0; } #stacks_in_389085 h3,#stacks_in_389085 h3 a,#stacks_in_389085 p,#stacks_in_389085 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 ; } #stacks_in_389085 p a:hover, #stacks_in_389085 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_388937 .heightstackhiclass { margin-left: auto; margin-right: auto; display: block; /* DeFliGra */ height: 20px; overflow: hidden; } /* -- Start Swell Each css Template -- */ #stacks_in_389091{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_389091swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_389091swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_389091swell{ max-width: 300px; } .stacks_in_389091swell img{ width: 100%; max-width: 300px; height: auto; } .stacks_in_389091swell-with-zoom .mfp-container,.stacks_in_389091swell-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_389091swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_389091swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_389091swell-with-zoom.mfp-removing .mfp-container,.stacks_in_389091swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_389091 .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_389091 .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_389091 .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_389091 .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: 400px) { #stacks_in_389091 .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_389091 .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_389091 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_389091 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_389091 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_389091 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_389091 .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_388650 .flex-grid-item-stacks_in_388649 { /* */ background: rgba(230, 230, 230, 1.00); /* */ /* */ /* */ } #flex-item-stacks_in_388650 .flex-grid-item-stacks_in_388649 .flex-item-content-stacks_in_388649 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_388650 .flex-grid-item-stacks_in_388649 .flex-item-content-stacks_in_388649 .flex-item-content-inner-stacks_in_388649 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388650 .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_388650 .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388650 .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-toggle-icon { color: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_388650 .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-title { color: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_388650.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388650.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388650.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-title { color: rgba(255, 255, 255, 1.00); } /* */ #flex-stacks_in_388722 { margin: 0 auto; max-width: 1280px; } #flex-stacks_in_388722 .flex-controls { /* */ font-family: "Open Sans"; /* */ 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_388722 .flex-controls.no-inner-text #flex-toggle-stacks_in_388722::before { display: none; } #flex-stacks_in_388722 .flex-controls.no-outer-text #flex-toggle-text-stacks_in_388722 { display: none; } #flex-stacks_in_388722 .flex-controls #flex-toggle-text-stacks_in_388722 { color: rgba(69, 90, 100, 1.00); font-size: 13px; cursor: pointer; font-weight: bold; margin-right: 10px; display: inline-block; } #flex-stacks_in_388722 .flex-controls #flex-toggle-text-stacks_in_388722::before { display: inline-block; content: 'CLOSE ALL'; } #flex-stacks_in_388722 .flex-controls #flex-toggle-text-stacks_in_388722.off::before { content: 'OPEN ALL'; } #flex-stacks_in_388722 .flex-controls #flex-toggle-stacks_in_388722 { 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_388722 .flex-controls #flex-toggle-stacks_in_388722::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_388722 .flex-controls #flex-toggle-stacks_in_388722 .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_388722 .flex-controls #flex-toggle-stacks_in_388722.off { background: rgba(229, 83, 97, 1.00); } #flex-stacks_in_388722 .flex-controls #flex-toggle-stacks_in_388722.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_388722 .flex-controls #flex-toggle-stacks_in_388722.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_388722 .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_388722 .flex-grid-row { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } #flex-stacks_in_388722 .flex-grid-item-stacks_in_388722 { box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_388722 .flex-grid-item-stacks_in_388722 .flex-item-content-stacks_in_388722 { height: 0; overflow: hidden; position: relative; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_388722 .flex-grid-item-stacks_in_388722 .flex-item-content-stacks_in_388722 .flex-item-content-inner-stacks_in_388722 { /* */ font-family: "Open Sans"; /* */ z-index: 10; position: relative; padding: 20px 20px; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_388722 .flex-grid-item-stacks_in_388722 .flex-item-content-stacks_in_388722::before { z-index: 5; content: ''; top: 0; left: 0; right: 0; bottom: 0; display: block; position: absolute; } #flex-stacks_in_388722 .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 { /* */ font-family: "Open Sans"; /* */ padding: 10px 10px; 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_388722 .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722:hover { /* */ padding: 20px 10px; box-sizing: border-box; transition: 0.3s ease; /* */ } #flex-stacks_in_388722 .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722:hover .header-toggle-icon { /* */ -webkit-transform: rotate(90deg); transform: rotate(90deg); transition: 0.3s ease; /* */ } #flex-stacks_in_388722 .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .header-icon, #flex-stacks_in_388722 .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .header-title, #flex-stacks_in_388722 .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .header-toggle-icon { z-index: 2; } #flex-stacks_in_388722 .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .header-icon { font-size: 20px; margin-right: 20px; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_388722 .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .header-toggle-icon { font-size: 20px; margin-left: auto; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_388722 .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .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_388722 .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722::before { content: ''; display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } #flex-stacks_in_388722 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388722 .flex-item-content-stacks_in_388722 { height: auto; } #flex-stacks_in_388722 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 { padding: 20px 10px; } #flex-stacks_in_388722 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722:hover { padding: 20px 10px; } #flex-stacks_in_388722 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722:hover .header-toggle-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #flex-stacks_in_388722 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .header-icon { font-size: 20px; } #flex-stacks_in_388722 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .header-title { font-size: 13px; } #flex-stacks_in_388722 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .header-toggle-icon::before { content: '\f12a'; transition: all 0.3s ease; } #flex-stacks_in_388722 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722::before { display: block; } #flex-stacks_in_388722.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_388722.no-open-all-toggle .flex-controls { display: none; } #flex-stacks_in_388722.uppercase-headers .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 { text-transform: uppercase; } #flex-stacks_in_388722.shared-background .flex-grid-item-stacks_in_388722 { /* */ /* */ /* */ } #flex-stacks_in_388722.shared-header-overlay .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722::before { background: rgba(2, 31, 57, 1.00) !important; } #flex-stacks_in_388722.header-hover-overlays .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722:hover::before { /* */ display: block; /* */ } #flex-stacks_in_388722.header-hover-overlays .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722:hover .header-title, #flex-stacks_in_388722.header-hover-overlays .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722:hover .header-toggle-icon { /* */ color: rgba(253, 174, 31, 1.00) !important; /* */ } #flex-stacks_in_388722.header-hover-overlays .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722:hover .header-icon { /* */ color: rgba(253, 174, 31, 1.00) !important; /* */ } #flex-stacks_in_388722.shared-title .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .header-title, #flex-stacks_in_388722.shared-title .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .header-toggle-icon { color: rgba(0, 0, 0, 1.00) !important; } #flex-stacks_in_388722.shared-title .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .header-title, #flex-stacks_in_388722.shared-title .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .header-toggle-icon { color: rgba(253, 174, 31, 1.00) !important; } #flex-stacks_in_388722.shared-icon .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .header-icon { color: rgba(3, 3, 1, 1.00) !important; } #flex-stacks_in_388722.shared-icon .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .header-icon { color: rgba(253, 174, 31, 1.00) !important; } #flex-stacks_in_388722.shared-content-text .flex-grid-item-stacks_in_388722 .flex-item-content-stacks_in_388722 .flex-item-content-inner-stacks_in_388722 { color: rgba(255, 255, 255, 1.00) !important; } #flex-stacks_in_388722.shared-content-overlay .flex-grid-item-stacks_in_388722 .flex-item-content-stacks_in_388722::before { background: rgba(251, 254, 254, 1.00) !important; } @media (min-width: 480px) and (max-width: 768px) { #flex-stacks_in_388722 .flex-grid { border-radius: 5px; } #flex-stacks_in_388722 .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .header-icon { font-size: 20px; } #flex-stacks_in_388722 .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .header-title { font-size: 12px; line-height: 16.799999px; } #flex-stacks_in_388722 .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .header-toggle-icon { font-size: 20px; } #flex-stacks_in_388722 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .header-icon { font-size: 20px; } #flex-stacks_in_388722 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .header-title { font-size: 12px; line-height: 16.799999px; } } @media (max-width: 480px) { #flex-stacks_in_388722 .flex-grid { border-radius: 5px; } #flex-stacks_in_388722 .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .header-icon { font-size: 20px; } #flex-stacks_in_388722 .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .header-title { font-size: 10px; line-height: 14.000000px; } #flex-stacks_in_388722 .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .header-toggle-icon { font-size: 20px; } #flex-stacks_in_388722 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .header-icon { font-size: 16px; } #flex-stacks_in_388722 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .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_388722 { 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_388723 .flex-grid-item-stacks_in_388722 { /* */ background: rgba(230, 230, 230, 1.00); /* */ /* */ /* */ } #flex-item-stacks_in_388723 .flex-grid-item-stacks_in_388722 .flex-item-content-stacks_in_388722 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_388723 .flex-grid-item-stacks_in_388722 .flex-item-content-stacks_in_388722 .flex-item-content-inner-stacks_in_388722 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388723 .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_388723 .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388723 .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .header-toggle-icon { color: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_388723 .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .header-title { color: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_388723.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388723.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388723.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_387990 h4,#stacks_in_387990 h4 a,#stacks_in_387990 p,#stacks_in_387990 p a{ font-size:14px; line-height:1.51em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_387990 h4,#stacks_in_387990 h4 a,#stacks_in_387990 p,#stacks_in_387990 p a{ font-size:13px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_387990 h4,#stacks_in_387990 h4 a,#stacks_in_387990 p,#stacks_in_387990 p a{ font-size:12px; } } #stacks_in_387990 h4,#stacks_in_387990 h4 a,#stacks_in_387990 p,#stacks_in_387990 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_387990 p a:hover, #stacks_in_387990 h4 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_387990 { margin: 7px; padding: 6px; } #stacks_out_387990 { margin-right:0; } /* -- Start Swell Each css Template -- */ #stacks_in_387993{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_387993swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_387993swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_387993swell{ max-width: 800px; } .stacks_in_387993swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_387993swell-with-zoom .mfp-container,.stacks_in_387993swell-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_387993swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_387993swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_387993swell-with-zoom.mfp-removing .mfp-container,.stacks_in_387993swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_387993 .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_387993 .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_387993 .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_387993 .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_387993 .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_387993 .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_387993 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_387993 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_387993 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_387993 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_387993 .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_387993 { width: 70%; } #flex-item-stacks_in_388733 .flex-grid-item-stacks_in_388722 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_388733 .flex-grid-item-stacks_in_388722 .flex-item-content-stacks_in_388722 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_388733 .flex-grid-item-stacks_in_388722 .flex-item-content-stacks_in_388722 .flex-item-content-inner-stacks_in_388722 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388733 .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_388733 .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388733 .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388733 .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388733.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388733.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388733.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_388001 h4,#stacks_in_388001 h4 a,#stacks_in_388001 p,#stacks_in_388001 p a{ font-size:14px; line-height:1.36em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_388001 h4,#stacks_in_388001 h4 a,#stacks_in_388001 p,#stacks_in_388001 p a{ font-size:13px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_388001 h4,#stacks_in_388001 h4 a,#stacks_in_388001 p,#stacks_in_388001 p a{ font-size:12px; } } #stacks_in_388001 h4,#stacks_in_388001 h4 a,#stacks_in_388001 p,#stacks_in_388001 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_388001 p a:hover, #stacks_in_388001 h4 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_388001 { margin: 7px; padding: 6px; } #stacks_out_388001 { margin-right:0; } /* -- Start Swell Each css Template -- */ #stacks_in_388003{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_388003swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_388003swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_388003swell{ max-width: 800px; } .stacks_in_388003swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_388003swell-with-zoom .mfp-container,.stacks_in_388003swell-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_388003swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_388003swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_388003swell-with-zoom.mfp-removing .mfp-container,.stacks_in_388003swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_388003 .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_388003 .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_388003 .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_388003 .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_388003 .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_388003 .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_388003 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_388003 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_388003 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_388003 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_388003 .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_388003 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #stacks_out_388003 { width: 60%; } #flex-item-stacks_in_388753 .flex-grid-item-stacks_in_388722 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_388753 .flex-grid-item-stacks_in_388722 .flex-item-content-stacks_in_388722 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_388753 .flex-grid-item-stacks_in_388722 .flex-item-content-stacks_in_388722 .flex-item-content-inner-stacks_in_388722 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388753 .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_388753 .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388753 .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388753 .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388753.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388753.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388753.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388722 .flex-item-header-stacks_in_388722 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_388010 h4,#stacks_in_388010 h4 a,#stacks_in_388010 p,#stacks_in_388010 p a{ font-size:14px; line-height:1.36em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_388010 h4,#stacks_in_388010 h4 a,#stacks_in_388010 p,#stacks_in_388010 p a{ font-size:13px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_388010 h4,#stacks_in_388010 h4 a,#stacks_in_388010 p,#stacks_in_388010 p a{ font-size:12px; } } #stacks_in_388010 h4,#stacks_in_388010 h4 a,#stacks_in_388010 p,#stacks_in_388010 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_388010 p a:hover, #stacks_in_388010 h4 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_388010 { margin: 7px; padding: 6px; } #stacks_out_388010 { margin-right:0; } /* -- Start Swell Each css Template -- */ #stacks_in_388012{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_388012swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_388012swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_388012swell{ max-width: 800px; } .stacks_in_388012swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_388012swell-with-zoom .mfp-container,.stacks_in_388012swell-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_388012swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_388012swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_388012swell-with-zoom.mfp-removing .mfp-container,.stacks_in_388012swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_388012 .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_388012 .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_388012 .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_388012 .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_388012 .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_388012 .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_388012 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_388012 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_388012 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_388012 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_388012 .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_388012 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #stacks_out_388012 { width: 50%; } #flex-item-stacks_in_388695 .flex-grid-item-stacks_in_388649 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_388695 .flex-grid-item-stacks_in_388649 .flex-item-content-stacks_in_388649 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_388695 .flex-grid-item-stacks_in_388649 .flex-item-content-stacks_in_388649 .flex-item-content-inner-stacks_in_388649 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388695 .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_388695 .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388695 .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388695 .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388695.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388695.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388695.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-title { color: rgba(255, 255, 255, 1.00); } /* */ #flex-stacks_in_388756 { margin: 0 auto; max-width: 1280px; } #flex-stacks_in_388756 .flex-controls { /* */ font-family: "Open Sans"; /* */ 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_388756 .flex-controls.no-inner-text #flex-toggle-stacks_in_388756::before { display: none; } #flex-stacks_in_388756 .flex-controls.no-outer-text #flex-toggle-text-stacks_in_388756 { display: none; } #flex-stacks_in_388756 .flex-controls #flex-toggle-text-stacks_in_388756 { color: rgba(69, 90, 100, 1.00); font-size: 13px; cursor: pointer; font-weight: bold; margin-right: 10px; display: inline-block; } #flex-stacks_in_388756 .flex-controls #flex-toggle-text-stacks_in_388756::before { display: inline-block; content: 'CLOSE ALL'; } #flex-stacks_in_388756 .flex-controls #flex-toggle-text-stacks_in_388756.off::before { content: 'OPEN ALL'; } #flex-stacks_in_388756 .flex-controls #flex-toggle-stacks_in_388756 { 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_388756 .flex-controls #flex-toggle-stacks_in_388756::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_388756 .flex-controls #flex-toggle-stacks_in_388756 .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_388756 .flex-controls #flex-toggle-stacks_in_388756.off { background: rgba(229, 83, 97, 1.00); } #flex-stacks_in_388756 .flex-controls #flex-toggle-stacks_in_388756.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_388756 .flex-controls #flex-toggle-stacks_in_388756.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_388756 .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_388756 .flex-grid-row { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } #flex-stacks_in_388756 .flex-grid-item-stacks_in_388756 { box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_388756 .flex-grid-item-stacks_in_388756 .flex-item-content-stacks_in_388756 { height: 0; overflow: hidden; position: relative; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_388756 .flex-grid-item-stacks_in_388756 .flex-item-content-stacks_in_388756 .flex-item-content-inner-stacks_in_388756 { /* */ font-family: "Open Sans"; /* */ z-index: 10; position: relative; padding: 20px 20px; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_388756 .flex-grid-item-stacks_in_388756 .flex-item-content-stacks_in_388756::before { z-index: 5; content: ''; top: 0; left: 0; right: 0; bottom: 0; display: block; position: absolute; } #flex-stacks_in_388756 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 { /* */ font-family: "Open Sans"; /* */ padding: 10px 10px; 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_388756 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756:hover { /* */ padding: 20px 10px; box-sizing: border-box; transition: 0.3s ease; /* */ } #flex-stacks_in_388756 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756:hover .header-toggle-icon { /* */ -webkit-transform: rotate(90deg); transform: rotate(90deg); transition: 0.3s ease; /* */ } #flex-stacks_in_388756 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-icon, #flex-stacks_in_388756 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-title, #flex-stacks_in_388756 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-toggle-icon { z-index: 2; } #flex-stacks_in_388756 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-icon { font-size: 20px; margin-right: 20px; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_388756 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-toggle-icon { font-size: 20px; margin-left: auto; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_388756 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .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_388756 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756::before { content: ''; display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } #flex-stacks_in_388756 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-content-stacks_in_388756 { height: auto; } #flex-stacks_in_388756 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 { padding: 20px 10px; } #flex-stacks_in_388756 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756:hover { padding: 20px 10px; } #flex-stacks_in_388756 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756:hover .header-toggle-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #flex-stacks_in_388756 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-icon { font-size: 20px; } #flex-stacks_in_388756 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-title { font-size: 13px; } #flex-stacks_in_388756 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-toggle-icon::before { content: '\f12a'; transition: all 0.3s ease; } #flex-stacks_in_388756 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756::before { display: block; } #flex-stacks_in_388756.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_388756.no-open-all-toggle .flex-controls { display: none; } #flex-stacks_in_388756.uppercase-headers .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 { text-transform: uppercase; } #flex-stacks_in_388756.shared-background .flex-grid-item-stacks_in_388756 { /* */ /* */ /* */ } #flex-stacks_in_388756.shared-header-overlay .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756::before { background: rgba(2, 31, 57, 1.00) !important; } #flex-stacks_in_388756.header-hover-overlays .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756:hover::before { /* */ display: block; /* */ } #flex-stacks_in_388756.header-hover-overlays .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756:hover .header-title, #flex-stacks_in_388756.header-hover-overlays .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756:hover .header-toggle-icon { /* */ color: rgba(253, 174, 31, 1.00) !important; /* */ } #flex-stacks_in_388756.header-hover-overlays .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756:hover .header-icon { /* */ color: rgba(253, 174, 31, 1.00) !important; /* */ } #flex-stacks_in_388756.shared-title .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-title, #flex-stacks_in_388756.shared-title .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-toggle-icon { color: rgba(0, 0, 0, 1.00) !important; } #flex-stacks_in_388756.shared-title .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-title, #flex-stacks_in_388756.shared-title .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-toggle-icon { color: rgba(253, 174, 31, 1.00) !important; } #flex-stacks_in_388756.shared-icon .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-icon { color: rgba(3, 3, 1, 1.00) !important; } #flex-stacks_in_388756.shared-icon .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-icon { color: rgba(253, 174, 31, 1.00) !important; } #flex-stacks_in_388756.shared-content-text .flex-grid-item-stacks_in_388756 .flex-item-content-stacks_in_388756 .flex-item-content-inner-stacks_in_388756 { color: rgba(255, 255, 255, 1.00) !important; } #flex-stacks_in_388756.shared-content-overlay .flex-grid-item-stacks_in_388756 .flex-item-content-stacks_in_388756::before { background: rgba(251, 254, 254, 1.00) !important; } @media (min-width: 480px) and (max-width: 768px) { #flex-stacks_in_388756 .flex-grid { border-radius: 5px; } #flex-stacks_in_388756 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-icon { font-size: 20px; } #flex-stacks_in_388756 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-title { font-size: 12px; line-height: 16.799999px; } #flex-stacks_in_388756 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-toggle-icon { font-size: 20px; } #flex-stacks_in_388756 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-icon { font-size: 20px; } #flex-stacks_in_388756 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-title { font-size: 12px; line-height: 16.799999px; } } @media (max-width: 480px) { #flex-stacks_in_388756 .flex-grid { border-radius: 5px; } #flex-stacks_in_388756 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-icon { font-size: 20px; } #flex-stacks_in_388756 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-title { font-size: 10px; line-height: 14.000000px; } #flex-stacks_in_388756 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-toggle-icon { font-size: 20px; } #flex-stacks_in_388756 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-icon { font-size: 16px; } #flex-stacks_in_388756 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .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_388756 { 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_389044 .flex-grid-item-stacks_in_388756 { /* */ background: rgba(230, 230, 230, 1.00); /* */ /* */ /* */ } #flex-item-stacks_in_389044 .flex-grid-item-stacks_in_388756 .flex-item-content-stacks_in_388756 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_389044 .flex-grid-item-stacks_in_388756 .flex-item-content-stacks_in_388756 .flex-item-content-inner-stacks_in_388756 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_389044 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_389044 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_389044 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-toggle-icon { color: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_389044 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-title { color: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_389044.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_389044.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_389044.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-title { color: rgba(255, 255, 255, 1.00); } /* -- Start Swell Each css Template -- */ #stacks_in_387966{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_387966swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_387966swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_387966swell{ max-width: 800px; } .stacks_in_387966swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_387966swell-with-zoom .mfp-container,.stacks_in_387966swell-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_387966swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_387966swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_387966swell-with-zoom.mfp-removing .mfp-container,.stacks_in_387966swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_387966 .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_387966 .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_387966 .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_387966 .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_387966 .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_387966 .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_387966 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_387966 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_387966 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_387966 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_387966 .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_387966 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #stacks_out_387966 { width: 50%; } #stacks_in_387968 .heightstackhiclass { margin-left: auto; margin-right: auto; display: block; /* DeFliGra */ height: 30px; overflow: hidden; } #flex-item-stacks_in_389019 .flex-grid-item-stacks_in_388756 { /* */ background: rgba(230, 230, 230, 1.00); /* */ /* */ /* */ } #flex-item-stacks_in_389019 .flex-grid-item-stacks_in_388756 .flex-item-content-stacks_in_388756 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_389019 .flex-grid-item-stacks_in_388756 .flex-item-content-stacks_in_388756 .flex-item-content-inner-stacks_in_388756 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_389019 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_389019 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_389019 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-toggle-icon { color: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_389019 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-title { color: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_389019.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_389019.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_389019.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_389037 h4,#stacks_in_389037 h4 a,#stacks_in_389037 p,#stacks_in_389037 p a{ font-size:15px; line-height:1.51em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_389037 h4,#stacks_in_389037 h4 a,#stacks_in_389037 p,#stacks_in_389037 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_389037 h4,#stacks_in_389037 h4 a,#stacks_in_389037 p,#stacks_in_389037 p a{ font-size:12px; } } #stacks_in_389037 h4,#stacks_in_389037 h4 a,#stacks_in_389037 p,#stacks_in_389037 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_389037 p a:hover, #stacks_in_389037 h4 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_389037 { margin: 7px; padding: 6px; } #stacks_out_389037 { 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_389039, #stacks_in_389039 { 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_389039 { padding: 20px 0px !important; } #press_alignment_stacks_in_389039 { width: 100%; } #press_alignment_stacks_in_389039.press-left { text-align: left; } #press_alignment_stacks_in_389039.press-center { text-align: center; } #press_alignment_stacks_in_389039.press-right { text-align: right; } #stacks_in_389039 { 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(0, 0, 0, 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_389039:hover { /* */ /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_389039:hover .press-icon i { /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_389039:active { /* */ /* */ /* */ /* */ } #stacks_in_389039:active .press-icon i { /* */ } #stacks_in_389039 .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_389039 .press-icon i { font-size: 20px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_389039 .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: 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_389039 .press-text .out { margin: 0 !important; } #stacks_in_389039 { 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'; } #stacks_in_389042 .heightstackhiclass { margin-left: auto; margin-right: auto; display: block; /* DeFliGra */ height: 30px; overflow: hidden; } #flex-item-stacks_in_388757 .flex-grid-item-stacks_in_388756 { /* */ background: rgba(230, 230, 230, 1.00); /* */ /* */ /* */ } #flex-item-stacks_in_388757 .flex-grid-item-stacks_in_388756 .flex-item-content-stacks_in_388756 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_388757 .flex-grid-item-stacks_in_388756 .flex-item-content-stacks_in_388756 .flex-item-content-inner-stacks_in_388756 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388757 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_388757 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388757 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-toggle-icon { color: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_388757 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-title { color: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_388757.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388757.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388757.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_388026 h4,#stacks_in_388026 h4 a,#stacks_in_388026 p,#stacks_in_388026 p a{ font-size:14px; line-height:1.36em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_388026 h4,#stacks_in_388026 h4 a,#stacks_in_388026 p,#stacks_in_388026 p a{ font-size:13px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_388026 h4,#stacks_in_388026 h4 a,#stacks_in_388026 p,#stacks_in_388026 p a{ font-size:12px; } } #stacks_in_388026 h4,#stacks_in_388026 h4 a,#stacks_in_388026 p,#stacks_in_388026 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_388026 p a:hover, #stacks_in_388026 h4 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_388026 { margin: 7px; padding: 6px; } #stacks_out_388026 { margin-right:0; } /* -- Start Swell Each css Template -- */ #stacks_in_388028{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_388028swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_388028swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_388028swell{ max-width: 800px; } .stacks_in_388028swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_388028swell-with-zoom .mfp-container,.stacks_in_388028swell-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_388028swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_388028swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_388028swell-with-zoom.mfp-removing .mfp-container,.stacks_in_388028swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_388028 .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_388028 .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_388028 .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_388028 .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_388028 .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_388028 .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_388028 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_388028 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_388028 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_388028 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_388028 .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_388028 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #stacks_out_388028 { width: 50%; } #stacks_in_388030 .heightstackhiclass { margin-left: auto; margin-right: auto; display: block; /* DeFliGra */ height: 30px; overflow: hidden; } /* 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_388031, #stacks_in_388031 { 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_388031 { padding: 20px 0px !important; } #press_alignment_stacks_in_388031 { width: 100%; } #press_alignment_stacks_in_388031.press-left { text-align: left; } #press_alignment_stacks_in_388031.press-center { text-align: center; } #press_alignment_stacks_in_388031.press-right { text-align: right; } #stacks_in_388031 { 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_388031:hover { /* */ /* */ /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_388031:hover .press-icon i { /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_388031:active { /* */ /* */ /* */ /* */ color: rgba(204, 0, 0, 1.00); /* */ } #stacks_in_388031:active .press-icon i { /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_388031 .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_388031 .press-icon i { font-size: 20px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_388031 .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_388031 .press-text .out { margin: 0 !important; } #stacks_in_388031 { 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_388768 .flex-grid-item-stacks_in_388756 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_388768 .flex-grid-item-stacks_in_388756 .flex-item-content-stacks_in_388756 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_388768 .flex-grid-item-stacks_in_388756 .flex-item-content-stacks_in_388756 .flex-item-content-inner-stacks_in_388756 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388768 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_388768 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388768 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388768 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388768.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388768.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388768.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_388038 .heightstackhiclass { margin-left: auto; margin-right: auto; display: block; /* DeFliGra */ height: 30px; overflow: hidden; } /* -- Start Swell Each css Template -- */ #stacks_in_388039{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_388039swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_388039swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_388039swell{ max-width: 800px; } .stacks_in_388039swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_388039swell-with-zoom .mfp-container,.stacks_in_388039swell-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_388039swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_388039swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_388039swell-with-zoom.mfp-removing .mfp-container,.stacks_in_388039swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_388039 .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_388039 .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_388039 .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_388039 .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_388039 .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_388039 .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_388039 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_388039 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_388039 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_388039 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_388039 .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_388039 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #stacks_out_388039 { width: 50%; } #stacks_in_388041 .heightstackhiclass { margin-left: auto; margin-right: auto; display: block; /* DeFliGra */ height: 30px; overflow: hidden; } /* 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_388042, #stacks_in_388042 { 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_388042 { padding: 20px 0px !important; } #press_alignment_stacks_in_388042 { width: 100%; } #press_alignment_stacks_in_388042.press-left { text-align: left; } #press_alignment_stacks_in_388042.press-center { text-align: center; } #press_alignment_stacks_in_388042.press-right { text-align: right; } #stacks_in_388042 { 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_388042:hover { /* */ /* */ /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_388042:hover .press-icon i { /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_388042:active { /* */ /* */ /* */ /* */ color: rgba(204, 0, 0, 1.00); /* */ } #stacks_in_388042:active .press-icon i { /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_388042 .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_388042 .press-icon i { font-size: 20px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_388042 .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_388042 .press-text .out { margin: 0 !important; } #stacks_in_388042 { 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_388777 .flex-grid-item-stacks_in_388756 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_388777 .flex-grid-item-stacks_in_388756 .flex-item-content-stacks_in_388756 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_388777 .flex-grid-item-stacks_in_388756 .flex-item-content-stacks_in_388756 .flex-item-content-inner-stacks_in_388756 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388777 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_388777 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388777 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388777 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388777.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388777.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388777.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-title { color: rgba(255, 255, 255, 1.00); } /* -- Start Swell Each css Template -- */ #stacks_in_388047{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_388047swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_388047swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_388047swell{ max-width: 800px; } .stacks_in_388047swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_388047swell-with-zoom .mfp-container,.stacks_in_388047swell-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_388047swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_388047swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_388047swell-with-zoom.mfp-removing .mfp-container,.stacks_in_388047swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_388047 .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_388047 .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_388047 .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_388047 .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_388047 .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_388047 .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_388047 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_388047 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_388047 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_388047 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_388047 .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_388047 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #stacks_out_388047 { width: 50%; } #flex-item-stacks_in_388787 .flex-grid-item-stacks_in_388756 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_388787 .flex-grid-item-stacks_in_388756 .flex-item-content-stacks_in_388756 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_388787 .flex-grid-item-stacks_in_388756 .flex-item-content-stacks_in_388756 .flex-item-content-inner-stacks_in_388756 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388787 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_388787 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388787 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388787 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388787.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388787.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388787.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-title { color: rgba(255, 255, 255, 1.00); } /* -- Start Swell Each css Template -- */ #stacks_in_388052{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_388052swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_388052swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_388052swell{ max-width: 800px; } .stacks_in_388052swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_388052swell-with-zoom .mfp-container,.stacks_in_388052swell-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_388052swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_388052swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_388052swell-with-zoom.mfp-removing .mfp-container,.stacks_in_388052swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_388052 .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_388052 .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_388052 .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_388052 .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_388052 .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_388052 .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_388052 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_388052 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_388052 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_388052 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_388052 .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_388052 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #stacks_out_388052 { width: 50%; } #flex-item-stacks_in_388790 .flex-grid-item-stacks_in_388756 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_388790 .flex-grid-item-stacks_in_388756 .flex-item-content-stacks_in_388756 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_388790 .flex-grid-item-stacks_in_388756 .flex-item-content-stacks_in_388756 .flex-item-content-inner-stacks_in_388756 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388790 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_388790 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388790 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388790 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388790.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388790.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388790.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-title { color: rgba(255, 255, 255, 1.00); } /* -- Start Swell Each css Template -- */ #stacks_in_388057{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_388057swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_388057swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_388057swell{ max-width: 800px; } .stacks_in_388057swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_388057swell-with-zoom .mfp-container,.stacks_in_388057swell-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_388057swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_388057swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_388057swell-with-zoom.mfp-removing .mfp-container,.stacks_in_388057swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_388057 .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_388057 .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_388057 .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_388057 .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_388057 .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_388057 .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_388057 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_388057 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_388057 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_388057 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_388057 .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_388057 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #stacks_out_388057 { width: 50%; } #flex-item-stacks_in_388793 .flex-grid-item-stacks_in_388756 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_388793 .flex-grid-item-stacks_in_388756 .flex-item-content-stacks_in_388756 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_388793 .flex-grid-item-stacks_in_388756 .flex-item-content-stacks_in_388756 .flex-item-content-inner-stacks_in_388756 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388793 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_388793 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388793 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388793 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388793.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388793.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388793.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-title { color: rgba(255, 255, 255, 1.00); } /* -- Start Swell Each css Template -- */ #stacks_in_388062{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_388062swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_388062swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_388062swell{ max-width: 800px; } .stacks_in_388062swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_388062swell-with-zoom .mfp-container,.stacks_in_388062swell-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_388062swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_388062swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_388062swell-with-zoom.mfp-removing .mfp-container,.stacks_in_388062swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_388062 .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_388062 .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_388062 .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_388062 .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_388062 .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_388062 .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_388062 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_388062 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_388062 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_388062 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_388062 .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_388062 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #stacks_out_388062 { width: 50%; } #flex-item-stacks_in_388796 .flex-grid-item-stacks_in_388756 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_388796 .flex-grid-item-stacks_in_388756 .flex-item-content-stacks_in_388756 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_388796 .flex-grid-item-stacks_in_388756 .flex-item-content-stacks_in_388756 .flex-item-content-inner-stacks_in_388756 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388796 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_388796 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388796 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388796 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388796.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388796.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388796.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_388067 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #flex-item-stacks_in_388799 .flex-grid-item-stacks_in_388756 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_388799 .flex-grid-item-stacks_in_388756 .flex-item-content-stacks_in_388756 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_388799 .flex-grid-item-stacks_in_388756 .flex-item-content-stacks_in_388756 .flex-item-content-inner-stacks_in_388756 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388799 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_388799 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388799 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388799 .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388799.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388799.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388799.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388756 .flex-item-header-stacks_in_388756 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_388072>.s3_row { margin: 0 -10px; } #stacks_in_388072>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_388072>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_388072>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_388072>.s3_row { margin: -10px 0; } #stacks_in_388072>.s3_row>.s3_column { padding: 10px 0; width:100%; } } /* -- Start Swell Each css Template -- */ #stacks_in_388074{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_388074swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_388074swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_388074swell{ max-width: 800px; } .stacks_in_388074swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_388074swell-with-zoom .mfp-container,.stacks_in_388074swell-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_388074swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_388074swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_388074swell-with-zoom.mfp-removing .mfp-container,.stacks_in_388074swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_388074 .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_388074 .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_388074 .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_388074 .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_388074 .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_388074 .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_388074 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_388074 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_388074 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_388074 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_388074 .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_388074 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #stacks_out_388074 { width: 50%; } #flex-item-stacks_in_388805 .flex-grid-item-stacks_in_388649 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_388805 .flex-grid-item-stacks_in_388649 .flex-item-content-stacks_in_388649 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_388805 .flex-grid-item-stacks_in_388649 .flex-item-content-stacks_in_388649 .flex-item-content-inner-stacks_in_388649 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388805 .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_388805 .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388805 .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388805 .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388805.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388805.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388805.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-title { color: rgba(255, 255, 255, 1.00); } /* */ #flex-stacks_in_388807 { margin: 0 auto; max-width: 1280px; } #flex-stacks_in_388807 .flex-controls { /* */ font-family: "Open Sans"; /* */ 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_388807 .flex-controls.no-inner-text #flex-toggle-stacks_in_388807::before { display: none; } #flex-stacks_in_388807 .flex-controls.no-outer-text #flex-toggle-text-stacks_in_388807 { display: none; } #flex-stacks_in_388807 .flex-controls #flex-toggle-text-stacks_in_388807 { color: rgba(69, 90, 100, 1.00); font-size: 13px; cursor: pointer; font-weight: bold; margin-right: 10px; display: inline-block; } #flex-stacks_in_388807 .flex-controls #flex-toggle-text-stacks_in_388807::before { display: inline-block; content: 'CLOSE ALL'; } #flex-stacks_in_388807 .flex-controls #flex-toggle-text-stacks_in_388807.off::before { content: 'OPEN ALL'; } #flex-stacks_in_388807 .flex-controls #flex-toggle-stacks_in_388807 { 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_388807 .flex-controls #flex-toggle-stacks_in_388807::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_388807 .flex-controls #flex-toggle-stacks_in_388807 .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_388807 .flex-controls #flex-toggle-stacks_in_388807.off { background: rgba(229, 83, 97, 1.00); } #flex-stacks_in_388807 .flex-controls #flex-toggle-stacks_in_388807.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_388807 .flex-controls #flex-toggle-stacks_in_388807.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_388807 .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_388807 .flex-grid-row { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } #flex-stacks_in_388807 .flex-grid-item-stacks_in_388807 { box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_388807 .flex-grid-item-stacks_in_388807 .flex-item-content-stacks_in_388807 { height: 0; overflow: hidden; position: relative; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_388807 .flex-grid-item-stacks_in_388807 .flex-item-content-stacks_in_388807 .flex-item-content-inner-stacks_in_388807 { /* */ font-family: "Open Sans"; /* */ z-index: 10; position: relative; padding: 20px 20px; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_388807 .flex-grid-item-stacks_in_388807 .flex-item-content-stacks_in_388807::before { z-index: 5; content: ''; top: 0; left: 0; right: 0; bottom: 0; display: block; position: absolute; } #flex-stacks_in_388807 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 { /* */ font-family: "Open Sans"; /* */ padding: 10px 10px; 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_388807 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807:hover { /* */ padding: 20px 10px; box-sizing: border-box; transition: 0.3s ease; /* */ } #flex-stacks_in_388807 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807:hover .header-toggle-icon { /* */ -webkit-transform: rotate(90deg); transform: rotate(90deg); transition: 0.3s ease; /* */ } #flex-stacks_in_388807 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-icon, #flex-stacks_in_388807 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-title, #flex-stacks_in_388807 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-toggle-icon { z-index: 2; } #flex-stacks_in_388807 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-icon { font-size: 20px; margin-right: 20px; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_388807 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-toggle-icon { font-size: 20px; margin-left: auto; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_388807 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .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_388807 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807::before { content: ''; display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } #flex-stacks_in_388807 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-content-stacks_in_388807 { height: auto; } #flex-stacks_in_388807 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 { padding: 20px 10px; } #flex-stacks_in_388807 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807:hover { padding: 20px 10px; } #flex-stacks_in_388807 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807:hover .header-toggle-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #flex-stacks_in_388807 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-icon { font-size: 20px; } #flex-stacks_in_388807 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-title { font-size: 13px; } #flex-stacks_in_388807 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-toggle-icon::before { content: '\f12a'; transition: all 0.3s ease; } #flex-stacks_in_388807 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807::before { display: block; } #flex-stacks_in_388807.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_388807.no-open-all-toggle .flex-controls { display: none; } #flex-stacks_in_388807.uppercase-headers .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 { text-transform: uppercase; } #flex-stacks_in_388807.shared-background .flex-grid-item-stacks_in_388807 { /* */ /* */ /* */ } #flex-stacks_in_388807.shared-header-overlay .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807::before { background: rgba(2, 31, 57, 1.00) !important; } #flex-stacks_in_388807.header-hover-overlays .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807:hover::before { /* */ display: block; /* */ } #flex-stacks_in_388807.header-hover-overlays .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807:hover .header-title, #flex-stacks_in_388807.header-hover-overlays .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807:hover .header-toggle-icon { /* */ color: rgba(253, 174, 31, 1.00) !important; /* */ } #flex-stacks_in_388807.header-hover-overlays .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807:hover .header-icon { /* */ color: rgba(253, 174, 31, 1.00) !important; /* */ } #flex-stacks_in_388807.shared-title .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-title, #flex-stacks_in_388807.shared-title .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-toggle-icon { color: rgba(0, 0, 0, 1.00) !important; } #flex-stacks_in_388807.shared-title .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-title, #flex-stacks_in_388807.shared-title .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-toggle-icon { color: rgba(253, 174, 31, 1.00) !important; } #flex-stacks_in_388807.shared-icon .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-icon { color: rgba(3, 3, 1, 1.00) !important; } #flex-stacks_in_388807.shared-icon .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-icon { color: rgba(253, 174, 31, 1.00) !important; } #flex-stacks_in_388807.shared-content-text .flex-grid-item-stacks_in_388807 .flex-item-content-stacks_in_388807 .flex-item-content-inner-stacks_in_388807 { color: rgba(255, 255, 255, 1.00) !important; } #flex-stacks_in_388807.shared-content-overlay .flex-grid-item-stacks_in_388807 .flex-item-content-stacks_in_388807::before { background: rgba(251, 254, 254, 1.00) !important; } @media (min-width: 480px) and (max-width: 768px) { #flex-stacks_in_388807 .flex-grid { border-radius: 5px; } #flex-stacks_in_388807 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-icon { font-size: 20px; } #flex-stacks_in_388807 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-title { font-size: 12px; line-height: 16.799999px; } #flex-stacks_in_388807 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-toggle-icon { font-size: 20px; } #flex-stacks_in_388807 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-icon { font-size: 20px; } #flex-stacks_in_388807 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-title { font-size: 12px; line-height: 16.799999px; } } @media (max-width: 480px) { #flex-stacks_in_388807 .flex-grid { border-radius: 5px; } #flex-stacks_in_388807 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-icon { font-size: 20px; } #flex-stacks_in_388807 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-title { font-size: 10px; line-height: 14.000000px; } #flex-stacks_in_388807 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-toggle-icon { font-size: 20px; } #flex-stacks_in_388807 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-icon { font-size: 16px; } #flex-stacks_in_388807 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .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_388807 { 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_388808 .flex-grid-item-stacks_in_388807 { /* */ background: rgba(230, 230, 230, 1.00); /* */ /* */ /* */ } #flex-item-stacks_in_388808 .flex-grid-item-stacks_in_388807 .flex-item-content-stacks_in_388807 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_388808 .flex-grid-item-stacks_in_388807 .flex-item-content-stacks_in_388807 .flex-item-content-inner-stacks_in_388807 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388808 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_388808 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388808 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-toggle-icon { color: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_388808 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-title { color: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_388808.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388808.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388808.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_388087 h3,#stacks_in_388087 h3 a,#stacks_in_388087 p,#stacks_in_388087 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_388087 h3,#stacks_in_388087 h3 a,#stacks_in_388087 p,#stacks_in_388087 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_388087 h3,#stacks_in_388087 h3 a,#stacks_in_388087 p,#stacks_in_388087 p a{ font-size:13px; } } #stacks_in_388087 h3,#stacks_in_388087 h3 a,#stacks_in_388087 p,#stacks_in_388087 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_388087 p a:hover, #stacks_in_388087 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_388087 { margin: 10px; } #stacks_out_388087 { margin-right:0; } #stacks_in_388089>.s3_row { margin: 0 -10px; } #stacks_in_388089>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_388089>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_388089>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_388089>.s3_row { margin: -10px 0; } #stacks_in_388089>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #flex-item-stacks_in_388820 .flex-grid-item-stacks_in_388807 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_388820 .flex-grid-item-stacks_in_388807 .flex-item-content-stacks_in_388807 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_388820 .flex-grid-item-stacks_in_388807 .flex-item-content-stacks_in_388807 .flex-item-content-inner-stacks_in_388807 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388820 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_388820 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388820 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388820 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388820.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388820.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388820.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_388097 h3,#stacks_in_388097 h3 a,#stacks_in_388097 p,#stacks_in_388097 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_388097 h3,#stacks_in_388097 h3 a,#stacks_in_388097 p,#stacks_in_388097 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_388097 h3,#stacks_in_388097 h3 a,#stacks_in_388097 p,#stacks_in_388097 p a{ font-size:13px; } } #stacks_in_388097 h3,#stacks_in_388097 h3 a,#stacks_in_388097 p,#stacks_in_388097 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_388097 p a:hover, #stacks_in_388097 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_388097 { margin: 10px; } #stacks_out_388097 { margin-right:0; } #stacks_in_388099>.s3_row { margin: 0 -10px; } #stacks_in_388099>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_388099>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_388099>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_388099>.s3_row { margin: -10px 0; } #stacks_in_388099>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_388099 { margin: 9px; padding: 10px; } /* -- Start Swell Each css Template -- */ #stacks_in_388101{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_388101swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_388101swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_388101swell{ max-width: 800px; } .stacks_in_388101swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_388101swell-with-zoom .mfp-container,.stacks_in_388101swell-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_388101swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_388101swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_388101swell-with-zoom.mfp-removing .mfp-container,.stacks_in_388101swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_388101 .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_388101 .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_388101 .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_388101 .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_388101 .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_388101 .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_388101 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_388101 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_388101 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_388101 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_388101 .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_388101 { border: solid rgba(77, 77, 77, 1.00); border-width: 1px; } #flex-item-stacks_in_388831 .flex-grid-item-stacks_in_388807 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_388831 .flex-grid-item-stacks_in_388807 .flex-item-content-stacks_in_388807 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_388831 .flex-grid-item-stacks_in_388807 .flex-item-content-stacks_in_388807 .flex-item-content-inner-stacks_in_388807 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388831 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_388831 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388831 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388831 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388831.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388831.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388831.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_388866 h3,#stacks_in_388866 h3 a,#stacks_in_388866 p,#stacks_in_388866 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_388866 h3,#stacks_in_388866 h3 a,#stacks_in_388866 p,#stacks_in_388866 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_388866 h3,#stacks_in_388866 h3 a,#stacks_in_388866 p,#stacks_in_388866 p a{ font-size:13px; } } #stacks_in_388866 h3,#stacks_in_388866 h3 a,#stacks_in_388866 p,#stacks_in_388866 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_388866 p a:hover, #stacks_in_388866 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_388866 { margin: 10px; } #stacks_out_388866 { margin-right:0; } #stacks_in_388867>.s3_row { margin: 0 -10px; } #stacks_in_388867>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_388867>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_388867>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_388867>.s3_row { margin: -10px 0; } #stacks_in_388867>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #flex-item-stacks_in_388836 .flex-grid-item-stacks_in_388807 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_388836 .flex-grid-item-stacks_in_388807 .flex-item-content-stacks_in_388807 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_388836 .flex-grid-item-stacks_in_388807 .flex-item-content-stacks_in_388807 .flex-item-content-inner-stacks_in_388807 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388836 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_388836 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388836 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388836 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388836.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388836.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388836.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_388119>.s3_row { margin: 0 -10px; } #stacks_in_388119>.s3_row>.s3_column_left { width: 33.33%; } #stacks_in_388119>.s3_row>.s3_column_center { width: 33.339996%; } #stacks_in_388119>.s3_row>.s3_column_right { width: 33.33%; } #stacks_in_388119>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_388119>.s3_row { margin: -10px 0; } #stacks_in_388119>.s3_row>.s3_column { padding: 10px 0; width:100%; } } /* -- Start Swell Each css Template -- */ #stacks_in_388121{ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); text-align: center !important; } .stacks_in_388121swell{ text-align: center; overflow: hidden; display: inline-block; } .stacks_in_388121swell img{ max-width: 100%; height: auto; cursor: pointer; display: inline-block !important; vertical-align: top !important; } .stacks_in_388121swell{ max-width: 800px; } .stacks_in_388121swell img{ width: 100%; max-width: 800px; height: auto; } .stacks_in_388121swell-with-zoom .mfp-container,.stacks_in_388121swell-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_388121swell-with-zoom.mfp-ready .mfp-container { opacity: 1; } .stacks_in_388121swell-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .stacks_in_388121swell-with-zoom.mfp-removing .mfp-container,.stacks_in_388121swell-with-zoom.mfp-removing.mfp-bg { opacity: 0; } #stacks_in_388121 .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_388121 .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_388121 .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_388121 .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_388121 .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_388121 .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_388121 .swellswingeffect{ margin-left: 5px !important; margin-right: 5px !important; } #stacks_in_388121 .swellswingeffect:hover{ -webkit-animation: swellswing 1s ease; animation: swellswing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #stacks_in_388121 .swellcircleeffect:hover{ border-radius:50%; } #stacks_in_388121 .swellthreedeffect{ margin-left: 3px !important; margin-top: 3px !important; } #stacks_in_388121 .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_388841 .flex-grid-item-stacks_in_388807 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_388841 .flex-grid-item-stacks_in_388807 .flex-item-content-stacks_in_388807 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_388841 .flex-grid-item-stacks_in_388807 .flex-item-content-stacks_in_388807 .flex-item-content-inner-stacks_in_388807 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388841 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_388841 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388841 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388841 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388841.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388841.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388841.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_out_388132 { width: 53%; } #flex-item-stacks_in_388846 .flex-grid-item-stacks_in_388807 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_388846 .flex-grid-item-stacks_in_388807 .flex-item-content-stacks_in_388807 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_388846 .flex-grid-item-stacks_in_388807 .flex-item-content-stacks_in_388807 .flex-item-content-inner-stacks_in_388807 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388846 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_388846 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388846 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388846 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388846.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388846.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388846.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_388137 h3,#stacks_in_388137 h3 a,#stacks_in_388137 p,#stacks_in_388137 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_388137 h3,#stacks_in_388137 h3 a,#stacks_in_388137 p,#stacks_in_388137 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_388137 h3,#stacks_in_388137 h3 a,#stacks_in_388137 p,#stacks_in_388137 p a{ font-size:13px; } } #stacks_in_388137 h3,#stacks_in_388137 h3 a,#stacks_in_388137 p,#stacks_in_388137 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_388137 p a:hover, #stacks_in_388137 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_out_388137 { 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_388139 article, #stacks_in_388139 aside, #stacks_in_388139 details, #stacks_in_388139 figcaption, #stacks_in_388139 figure, #stacks_in_388139 footer, #stacks_in_388139 header, #stacks_in_388139 hgroup, #stacks_in_388139 main, #stacks_in_388139 nav, #stacks_in_388139 section, #stacks_in_388139 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_388139 audio, #stacks_in_388139 canvas, #stacks_in_388139 progress, #stacks_in_388139 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_388139 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_388139 [hidden], #stacks_in_388139 template { display: none; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ #stacks_in_388139 img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ #stacks_in_388139 svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address differences between Firefox and other browsers. */ #stacks_in_388139 hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ #stacks_in_388139 pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ #stacks_in_388139 code, #stacks_in_388139 kbd, #stacks_in_388139 pre, #stacks_in_388139 samp { font-family: monospace, monospace; font-size: 1em; } /* **************** */ /* Stack Specific */ /* **************** */ #stacks_in_388139 *, #stacks_in_388139 *:before, #stacks_in_388139 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_388139 .wow { visibility: hidden; } /* We use this media query to add styles to any device that supports media queries */ @media only screen { #stacks_in_388139 .column_base_margin { margin-bottom: 20px; } } @media only screen and (max-width: 1024px) { #stacks_in_388139 .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_388139 .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_388139 .column_base_margin { margin-bottom: 20px; } } /* Handles making images responsive inside the stack */ #stacks_in_388139 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_388139 meta.foundation-version { font-family: "/5.3.1/"; } #stacks_in_388139 meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } #stacks_in_388139 meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } #stacks_in_388139 meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } #stacks_in_388139 meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } #stacks_in_388139 meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } #stacks_in_388139 meta.foundation-data-attribute-namespace { font-family: false; } #stacks_in_388139 *, #stacks_in_388139 *:before, #stacks_in_388139 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_388139 .left { float: left !important; } #stacks_in_388139 .right { float: right !important; } #stacks_in_388139 .clearfix:before, #stacks_in_388139 .clearfix:after { content: " "; display: table; } #stacks_in_388139 .clearfix:after { clear: both; } #stacks_in_388139 .hide { display: none; } #stacks_in_388139 .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_388139 img { display: inline-block; vertical-align: middle; } #stacks_in_388139 textarea { height: auto; min-height: 50px; } #stacks_in_388139 select { width: 100%; } #stacks_in_388139 .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } #stacks_in_388139 .row:before, #stacks_in_388139 .row:after { content: " "; display: table; } #stacks_in_388139 .row:after { clear: both; } #stacks_in_388139 .row.collapse > .column, #stacks_in_388139 .row.collapse > .columns { padding-left: 0; padding-right: 0; } #stacks_in_388139 .row.collapse .row { margin-left: 0; margin-right: 0; } #stacks_in_388139 .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; } #stacks_in_388139 .row .row:before, #stacks_in_388139 .row .row:after { content: " "; display: table; } #stacks_in_388139 .row .row:after { clear: both; } #stacks_in_388139 .row .row.collapse { width: auto; margin: 0; max-width: none; } #stacks_in_388139 .row .row.collapse:before, #stacks_in_388139 .row .row.collapse:after { content: " "; display: table; } #stacks_in_388139 .row .row.collapse:after { clear: both; } #stacks_in_388139 .column, #stacks_in_388139 .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_388139 [class*="column"] + [class*="column"]:last-child { float: right; } #stacks_in_388139 [class*="column"] + [class*="column"].end { float: left; } @media only screen { #stacks_in_388139 .small-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_388139 .small-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_388139 .small-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_388139 .small-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_388139 .small-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_388139 .small-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_388139 .small-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_388139 .small-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_388139 .small-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_388139 .small-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_388139 .small-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_388139 .small-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_388139 .small-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_388139 .small-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_388139 .small-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_388139 .small-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_388139 .small-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_388139 .small-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_388139 .small-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_388139 .small-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_388139 .small-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_388139 .small-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_388139 .small-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_388139 .small-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_388139 .column, #stacks_in_388139 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_388139 .small-1 { width: 8.33333%; } #stacks_in_388139 .small-2 { width: 16.66667%; } #stacks_in_388139 .small-3 { width: 25%; } #stacks_in_388139 .small-4 { width: 33.33333%; } #stacks_in_388139 .small-5 { width: 41.66667%; } #stacks_in_388139 .small-6 { width: 50%; } #stacks_in_388139 .small-7 { width: 58.33333%; } #stacks_in_388139 .small-8 { width: 66.66667%; } #stacks_in_388139 .small-9 { width: 75%; } #stacks_in_388139 .small-10 { width: 83.33333%; } #stacks_in_388139 .small-11 { width: 91.66667%; } #stacks_in_388139 .small-12 { width: 100%; } #stacks_in_388139 .small-offset-0 { margin-left: 0% !important; } #stacks_in_388139 .small-offset-1 { margin-left: 8.33333% !important; } #stacks_in_388139 .small-offset-2 { margin-left: 16.66667% !important; } #stacks_in_388139 .small-offset-3 { margin-left: 25% !important; } #stacks_in_388139 .small-offset-4 { margin-left: 33.33333% !important; } #stacks_in_388139 .small-offset-5 { margin-left: 41.66667% !important; } #stacks_in_388139 .small-offset-6 { margin-left: 50% !important; } #stacks_in_388139 .small-offset-7 { margin-left: 58.33333% !important; } #stacks_in_388139 .small-offset-8 { margin-left: 66.66667% !important; } #stacks_in_388139 .small-offset-9 { margin-left: 75% !important; } #stacks_in_388139 .small-offset-10 { margin-left: 83.33333% !important; } #stacks_in_388139 .small-offset-11 { margin-left: 91.66667% !important; } #stacks_in_388139 .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_388139 .column.small-centered, #stacks_in_388139 .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_388139 .column.small-uncentered, #stacks_in_388139 .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_388139 .column.small-centered:last-child, #stacks_in_388139 .columns.small-centered:last-child { float: none; } #stacks_in_388139 .column.small-uncentered:last-child, #stacks_in_388139 .columns.small-uncentered:last-child { float: left; } #stacks_in_388139 .column.small-uncentered.opposite, #stacks_in_388139 .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 40.063em) { #stacks_in_388139 .medium-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_388139 .medium-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_388139 .medium-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_388139 .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_388139 .medium-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_388139 .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_388139 .medium-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_388139 .medium-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_388139 .medium-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_388139 .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_388139 .medium-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_388139 .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_388139 .medium-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_388139 .medium-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_388139 .medium-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_388139 .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_388139 .medium-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_388139 .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_388139 .medium-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_388139 .medium-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_388139 .medium-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_388139 .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_388139 .medium-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_388139 .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_388139 .column, #stacks_in_388139 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_388139 .medium-1 { width: 8.33333%; } #stacks_in_388139 .medium-2 { width: 16.66667%; } #stacks_in_388139 .medium-3 { width: 25%; } #stacks_in_388139 .medium-4 { width: 33.33333%; } #stacks_in_388139 .medium-5 { width: 41.66667%; } #stacks_in_388139 .medium-6 { width: 50%; } #stacks_in_388139 .medium-7 { width: 58.33333%; } #stacks_in_388139 .medium-8 { width: 66.66667%; } #stacks_in_388139 .medium-9 { width: 75%; } #stacks_in_388139 .medium-10 { width: 83.33333%; } #stacks_in_388139 .medium-11 { width: 91.66667%; } #stacks_in_388139 .medium-12 { width: 100%; } #stacks_in_388139 .medium-offset-0 { margin-left: 0% !important; } #stacks_in_388139 .medium-offset-1 { margin-left: 8.33333% !important; } #stacks_in_388139 .medium-offset-2 { margin-left: 16.66667% !important; } #stacks_in_388139 .medium-offset-3 { margin-left: 25% !important; } #stacks_in_388139 .medium-offset-4 { margin-left: 33.33333% !important; } #stacks_in_388139 .medium-offset-5 { margin-left: 41.66667% !important; } #stacks_in_388139 .medium-offset-6 { margin-left: 50% !important; } #stacks_in_388139 .medium-offset-7 { margin-left: 58.33333% !important; } #stacks_in_388139 .medium-offset-8 { margin-left: 66.66667% !important; } #stacks_in_388139 .medium-offset-9 { margin-left: 75% !important; } #stacks_in_388139 .medium-offset-10 { margin-left: 83.33333% !important; } #stacks_in_388139 .medium-offset-11 { margin-left: 91.66667% !important; } #stacks_in_388139 .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_388139 .column.medium-centered, #stacks_in_388139 .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_388139 .column.medium-uncentered, #stacks_in_388139 .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_388139 .column.medium-centered:last-child, #stacks_in_388139 .columns.medium-centered:last-child { float: none; } #stacks_in_388139 .column.medium-uncentered:last-child, #stacks_in_388139 .columns.medium-uncentered:last-child { float: left; } #stacks_in_388139 .column.medium-uncentered.opposite, #stacks_in_388139 .columns.medium-uncentered.opposite { float: right; } #stacks_in_388139 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_388139 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_388139 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_388139 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_388139 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_388139 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_388139 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_388139 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_388139 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_388139 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_388139 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_388139 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_388139 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_388139 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_388139 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_388139 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_388139 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_388139 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_388139 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_388139 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_388139 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_388139 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_388139 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_388139 .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { #stacks_in_388139 .large-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_388139 .large-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_388139 .large-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_388139 .large-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_388139 .large-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_388139 .large-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_388139 .large-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_388139 .large-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_388139 .large-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_388139 .large-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_388139 .large-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_388139 .large-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_388139 .large-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_388139 .large-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_388139 .large-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_388139 .large-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_388139 .large-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_388139 .large-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_388139 .large-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_388139 .large-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_388139 .large-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_388139 .large-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_388139 .large-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_388139 .large-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_388139 .column, #stacks_in_388139 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_388139 .large-1 { width: 8.33333%; } #stacks_in_388139 .large-2 { width: 16.66667%; } #stacks_in_388139 .large-3 { width: 25%; } #stacks_in_388139 .large-4 { width: 33.33333%; } #stacks_in_388139 .large-5 { width: 41.66667%; } #stacks_in_388139 .large-6 { width: 50%; } #stacks_in_388139 .large-7 { width: 58.33333%; } #stacks_in_388139 .large-8 { width: 66.66667%; } #stacks_in_388139 .large-9 { width: 75%; } #stacks_in_388139 .large-10 { width: 83.33333%; } #stacks_in_388139 .large-11 { width: 91.66667%; } #stacks_in_388139 .large-12 { width: 100%; } #stacks_in_388139 .large-offset-0 { margin-left: 0% !important; } #stacks_in_388139 .large-offset-1 { margin-left: 8.33333% !important; } #stacks_in_388139 .large-offset-2 { margin-left: 16.66667% !important; } #stacks_in_388139 .large-offset-3 { margin-left: 25% !important; } #stacks_in_388139 .large-offset-4 { margin-left: 33.33333% !important; } #stacks_in_388139 .large-offset-5 { margin-left: 41.66667% !important; } #stacks_in_388139 .large-offset-6 { margin-left: 50% !important; } #stacks_in_388139 .large-offset-7 { margin-left: 58.33333% !important; } #stacks_in_388139 .large-offset-8 { margin-left: 66.66667% !important; } #stacks_in_388139 .large-offset-9 { margin-left: 75% !important; } #stacks_in_388139 .large-offset-10 { margin-left: 83.33333% !important; } #stacks_in_388139 .large-offset-11 { margin-left: 91.66667% !important; } #stacks_in_388139 .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_388139 .column.large-centered, #stacks_in_388139 .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_388139 .column.large-uncentered, #stacks_in_388139 .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_388139 .column.large-centered:last-child, #stacks_in_388139 .columns.large-centered:last-child { float: none; } #stacks_in_388139 .column.large-uncentered:last-child, #stacks_in_388139 .columns.large-uncentered:last-child { float: left; } #stacks_in_388139 .column.large-uncentered.opposite, #stacks_in_388139 .columns.large-uncentered.opposite { float: right; } #stacks_in_388139 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_388139 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_388139 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_388139 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_388139 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_388139 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_388139 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_388139 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_388139 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_388139 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_388139 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_388139 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_388139 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_388139 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_388139 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_388139 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_388139 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_388139 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_388139 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_388139 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_388139 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_388139 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_388139 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_388139 .pull-11 { position: relative; right: 91.66667%; left: auto; } } #stacks_in_388139 [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } #stacks_in_388139 [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } #stacks_in_388139 [class*="block-grid-"]:after { clear: both; } #stacks_in_388139 [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { #stacks_in_388139 .small-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_388139 .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_388139 .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_388139 .small-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_388139 .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_388139 .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_388139 .small-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_388139 .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_388139 .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_388139 .small-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_388139 .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_388139 .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_388139 .small-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_388139 .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_388139 .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_388139 .small-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_388139 .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_388139 .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_388139 .small-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_388139 .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_388139 .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_388139 .small-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_388139 .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_388139 .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_388139 .small-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_388139 .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_388139 .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_388139 .small-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_388139 .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_388139 .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_388139 .small-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_388139 .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_388139 .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_388139 .small-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_388139 .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_388139 .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { #stacks_in_388139 .medium-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_388139 .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_388139 .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_388139 .medium-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_388139 .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_388139 .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_388139 .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_388139 .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_388139 .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_388139 .medium-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_388139 .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_388139 .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_388139 .medium-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_388139 .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_388139 .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_388139 .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_388139 .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_388139 .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_388139 .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_388139 .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_388139 .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_388139 .medium-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_388139 .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_388139 .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_388139 .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_388139 .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_388139 .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_388139 .medium-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_388139 .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_388139 .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_388139 .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_388139 .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_388139 .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_388139 .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_388139 .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_388139 .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { #stacks_in_388139 .large-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_388139 .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_388139 .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_388139 .large-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_388139 .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_388139 .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_388139 .large-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_388139 .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_388139 .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_388139 .large-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_388139 .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_388139 .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_388139 .large-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_388139 .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_388139 .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_388139 .large-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_388139 .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_388139 .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_388139 .large-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_388139 .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_388139 .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_388139 .large-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_388139 .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_388139 .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_388139 .large-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_388139 .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_388139 .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_388139 .large-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_388139 .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_388139 .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_388139 .large-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_388139 .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_388139 .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_388139 .large-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_388139 .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_388139 .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } #stacks_in_388139 { margin: 10px 0px 0px 0px; } #stacks_out_388139 { 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_388141 { width: 82%; } .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_388146 { width: 82%; } #stacks_in_388148 .button_icon,#stacks_in_388148 .button_icon i { margin:0; padding:0; display:inline-block; font-weight:normal; height:30px; line-height:30px; font-size:18px; } #stacks_in_388148 .button_label { font: 500 15px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; height:2em; line-height:2em; display: inline-block; font-family:A-OTF-Jun34Pro-Medium; } #stacks_in_388148 .button_icon { border-right: 1px solid rgba(0,0,0,0.2); float:left; padding-right:10px; } #stacks_in_388148 .button_label { border-left: 1px solid rgba(255,255,255, 0.2); float:left; padding: 0px 5px 0px 10px; } #stacks_in_388148 .sweet_button_wrapper { text-align:center; height:30px; } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_388148 .sweet_button_wrapper { height:24px; } #stacks_in_388148 .button_icon,#stacks_in_388148 .button_icon i { height:24px; line-height:2em; font-size:15px; } #stacks_in_388148 .button_label { font: 500 12px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; line-height:2em; } } #stacks_in_388148 a.sweet_button { cursor: pointer; display:inline-block; margin:0; padding:0px 10px; text-decoration:none; text-align:center; color:rgba(0, 0, 0, 1.00); border-style:solid; border-width:0px; border-color:rgba(0, 0, 0, 1.00); border-radius:1px; background:rgba(204, 204, 204, 1.00); } #stacks_in_388148 a.sweet_button:visited { color:rgba(0, 0, 0, 1.00); } #stacks_in_388148 a.sweet_button:hover { border-color:rgba(153, 153, 153, 1.00); } #stacks_in_388148 .sweet_button {text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);} #stacks_in_388148 .sweet_button { -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.75); -webkit-shadow: 0px 2px 5px rgba(0,0,0,0.75); box-shadow: 0px 2px 5px rgba(0,0,0,0.75); } #stacks_in_388148 .sweet_button_wrapper{padding-bottom:13px;} #stacks_in_388148 .sweet_button:hover { color:rgba(0, 0, 0, 1.00); background: rgba(224, 224, 224, 1.00); } #stacks_in_388148 .sweet_button:active{ background: rgba(184, 184, 184, 1.00); } #stacks_in_388148 .sweet_button.clicked { background: rgba(38, 113, 45, 1.00); border-color:rgba(0, 0, 0, 1.00); } #stacks_in_388148 .sweet_button.clicked:hover { background: rgba(58, 133, 65, 1.00); border-color:rgba(153, 153, 153, 1.00); } #stacks_in_388148 .sweet_button.clicked:active{ background: rgba(18, 93, 25, 1.00); } #stacks_in_388148 { margin: 5px; padding: 5px; } #flex-item-stacks_in_388851 .flex-grid-item-stacks_in_388807 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_388851 .flex-grid-item-stacks_in_388807 .flex-item-content-stacks_in_388807 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_388851 .flex-grid-item-stacks_in_388807 .flex-item-content-stacks_in_388807 .flex-item-content-inner-stacks_in_388807 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388851 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_388851 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388851 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388851 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388851.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388851.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388851.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_388152 h3,#stacks_in_388152 h3 a,#stacks_in_388152 p,#stacks_in_388152 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_388152 h3,#stacks_in_388152 h3 a,#stacks_in_388152 p,#stacks_in_388152 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_388152 h3,#stacks_in_388152 h3 a,#stacks_in_388152 p,#stacks_in_388152 p a{ font-size:13px; } } #stacks_in_388152 h3,#stacks_in_388152 h3 a,#stacks_in_388152 p,#stacks_in_388152 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_388152 p a:hover, #stacks_in_388152 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_out_388152 { 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_388154 article, #stacks_in_388154 aside, #stacks_in_388154 details, #stacks_in_388154 figcaption, #stacks_in_388154 figure, #stacks_in_388154 footer, #stacks_in_388154 header, #stacks_in_388154 hgroup, #stacks_in_388154 main, #stacks_in_388154 nav, #stacks_in_388154 section, #stacks_in_388154 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_388154 audio, #stacks_in_388154 canvas, #stacks_in_388154 progress, #stacks_in_388154 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_388154 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_388154 [hidden], #stacks_in_388154 template { display: none; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ #stacks_in_388154 img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ #stacks_in_388154 svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address differences between Firefox and other browsers. */ #stacks_in_388154 hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ #stacks_in_388154 pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ #stacks_in_388154 code, #stacks_in_388154 kbd, #stacks_in_388154 pre, #stacks_in_388154 samp { font-family: monospace, monospace; font-size: 1em; } /* **************** */ /* Stack Specific */ /* **************** */ #stacks_in_388154 *, #stacks_in_388154 *:before, #stacks_in_388154 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_388154 .wow { visibility: hidden; } /* We use this media query to add styles to any device that supports media queries */ @media only screen { #stacks_in_388154 .column_base_margin { margin-bottom: 20px; } } @media only screen and (max-width: 1024px) { #stacks_in_388154 .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_388154 .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_388154 .column_base_margin { margin-bottom: 20px; } } /* Handles making images responsive inside the stack */ #stacks_in_388154 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_388154 meta.foundation-version { font-family: "/5.3.1/"; } #stacks_in_388154 meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } #stacks_in_388154 meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } #stacks_in_388154 meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } #stacks_in_388154 meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } #stacks_in_388154 meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } #stacks_in_388154 meta.foundation-data-attribute-namespace { font-family: false; } #stacks_in_388154 *, #stacks_in_388154 *:before, #stacks_in_388154 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_388154 .left { float: left !important; } #stacks_in_388154 .right { float: right !important; } #stacks_in_388154 .clearfix:before, #stacks_in_388154 .clearfix:after { content: " "; display: table; } #stacks_in_388154 .clearfix:after { clear: both; } #stacks_in_388154 .hide { display: none; } #stacks_in_388154 .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_388154 img { display: inline-block; vertical-align: middle; } #stacks_in_388154 textarea { height: auto; min-height: 50px; } #stacks_in_388154 select { width: 100%; } #stacks_in_388154 .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } #stacks_in_388154 .row:before, #stacks_in_388154 .row:after { content: " "; display: table; } #stacks_in_388154 .row:after { clear: both; } #stacks_in_388154 .row.collapse > .column, #stacks_in_388154 .row.collapse > .columns { padding-left: 0; padding-right: 0; } #stacks_in_388154 .row.collapse .row { margin-left: 0; margin-right: 0; } #stacks_in_388154 .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; } #stacks_in_388154 .row .row:before, #stacks_in_388154 .row .row:after { content: " "; display: table; } #stacks_in_388154 .row .row:after { clear: both; } #stacks_in_388154 .row .row.collapse { width: auto; margin: 0; max-width: none; } #stacks_in_388154 .row .row.collapse:before, #stacks_in_388154 .row .row.collapse:after { content: " "; display: table; } #stacks_in_388154 .row .row.collapse:after { clear: both; } #stacks_in_388154 .column, #stacks_in_388154 .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_388154 [class*="column"] + [class*="column"]:last-child { float: right; } #stacks_in_388154 [class*="column"] + [class*="column"].end { float: left; } @media only screen { #stacks_in_388154 .small-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_388154 .small-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_388154 .small-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_388154 .small-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_388154 .small-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_388154 .small-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_388154 .small-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_388154 .small-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_388154 .small-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_388154 .small-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_388154 .small-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_388154 .small-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_388154 .small-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_388154 .small-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_388154 .small-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_388154 .small-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_388154 .small-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_388154 .small-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_388154 .small-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_388154 .small-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_388154 .small-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_388154 .small-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_388154 .small-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_388154 .small-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_388154 .column, #stacks_in_388154 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_388154 .small-1 { width: 8.33333%; } #stacks_in_388154 .small-2 { width: 16.66667%; } #stacks_in_388154 .small-3 { width: 25%; } #stacks_in_388154 .small-4 { width: 33.33333%; } #stacks_in_388154 .small-5 { width: 41.66667%; } #stacks_in_388154 .small-6 { width: 50%; } #stacks_in_388154 .small-7 { width: 58.33333%; } #stacks_in_388154 .small-8 { width: 66.66667%; } #stacks_in_388154 .small-9 { width: 75%; } #stacks_in_388154 .small-10 { width: 83.33333%; } #stacks_in_388154 .small-11 { width: 91.66667%; } #stacks_in_388154 .small-12 { width: 100%; } #stacks_in_388154 .small-offset-0 { margin-left: 0% !important; } #stacks_in_388154 .small-offset-1 { margin-left: 8.33333% !important; } #stacks_in_388154 .small-offset-2 { margin-left: 16.66667% !important; } #stacks_in_388154 .small-offset-3 { margin-left: 25% !important; } #stacks_in_388154 .small-offset-4 { margin-left: 33.33333% !important; } #stacks_in_388154 .small-offset-5 { margin-left: 41.66667% !important; } #stacks_in_388154 .small-offset-6 { margin-left: 50% !important; } #stacks_in_388154 .small-offset-7 { margin-left: 58.33333% !important; } #stacks_in_388154 .small-offset-8 { margin-left: 66.66667% !important; } #stacks_in_388154 .small-offset-9 { margin-left: 75% !important; } #stacks_in_388154 .small-offset-10 { margin-left: 83.33333% !important; } #stacks_in_388154 .small-offset-11 { margin-left: 91.66667% !important; } #stacks_in_388154 .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_388154 .column.small-centered, #stacks_in_388154 .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_388154 .column.small-uncentered, #stacks_in_388154 .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_388154 .column.small-centered:last-child, #stacks_in_388154 .columns.small-centered:last-child { float: none; } #stacks_in_388154 .column.small-uncentered:last-child, #stacks_in_388154 .columns.small-uncentered:last-child { float: left; } #stacks_in_388154 .column.small-uncentered.opposite, #stacks_in_388154 .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 40.063em) { #stacks_in_388154 .medium-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_388154 .medium-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_388154 .medium-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_388154 .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_388154 .medium-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_388154 .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_388154 .medium-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_388154 .medium-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_388154 .medium-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_388154 .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_388154 .medium-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_388154 .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_388154 .medium-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_388154 .medium-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_388154 .medium-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_388154 .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_388154 .medium-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_388154 .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_388154 .medium-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_388154 .medium-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_388154 .medium-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_388154 .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_388154 .medium-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_388154 .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_388154 .column, #stacks_in_388154 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_388154 .medium-1 { width: 8.33333%; } #stacks_in_388154 .medium-2 { width: 16.66667%; } #stacks_in_388154 .medium-3 { width: 25%; } #stacks_in_388154 .medium-4 { width: 33.33333%; } #stacks_in_388154 .medium-5 { width: 41.66667%; } #stacks_in_388154 .medium-6 { width: 50%; } #stacks_in_388154 .medium-7 { width: 58.33333%; } #stacks_in_388154 .medium-8 { width: 66.66667%; } #stacks_in_388154 .medium-9 { width: 75%; } #stacks_in_388154 .medium-10 { width: 83.33333%; } #stacks_in_388154 .medium-11 { width: 91.66667%; } #stacks_in_388154 .medium-12 { width: 100%; } #stacks_in_388154 .medium-offset-0 { margin-left: 0% !important; } #stacks_in_388154 .medium-offset-1 { margin-left: 8.33333% !important; } #stacks_in_388154 .medium-offset-2 { margin-left: 16.66667% !important; } #stacks_in_388154 .medium-offset-3 { margin-left: 25% !important; } #stacks_in_388154 .medium-offset-4 { margin-left: 33.33333% !important; } #stacks_in_388154 .medium-offset-5 { margin-left: 41.66667% !important; } #stacks_in_388154 .medium-offset-6 { margin-left: 50% !important; } #stacks_in_388154 .medium-offset-7 { margin-left: 58.33333% !important; } #stacks_in_388154 .medium-offset-8 { margin-left: 66.66667% !important; } #stacks_in_388154 .medium-offset-9 { margin-left: 75% !important; } #stacks_in_388154 .medium-offset-10 { margin-left: 83.33333% !important; } #stacks_in_388154 .medium-offset-11 { margin-left: 91.66667% !important; } #stacks_in_388154 .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_388154 .column.medium-centered, #stacks_in_388154 .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_388154 .column.medium-uncentered, #stacks_in_388154 .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_388154 .column.medium-centered:last-child, #stacks_in_388154 .columns.medium-centered:last-child { float: none; } #stacks_in_388154 .column.medium-uncentered:last-child, #stacks_in_388154 .columns.medium-uncentered:last-child { float: left; } #stacks_in_388154 .column.medium-uncentered.opposite, #stacks_in_388154 .columns.medium-uncentered.opposite { float: right; } #stacks_in_388154 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_388154 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_388154 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_388154 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_388154 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_388154 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_388154 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_388154 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_388154 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_388154 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_388154 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_388154 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_388154 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_388154 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_388154 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_388154 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_388154 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_388154 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_388154 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_388154 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_388154 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_388154 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_388154 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_388154 .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { #stacks_in_388154 .large-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_388154 .large-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_388154 .large-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_388154 .large-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_388154 .large-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_388154 .large-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_388154 .large-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_388154 .large-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_388154 .large-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_388154 .large-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_388154 .large-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_388154 .large-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_388154 .large-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_388154 .large-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_388154 .large-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_388154 .large-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_388154 .large-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_388154 .large-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_388154 .large-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_388154 .large-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_388154 .large-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_388154 .large-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_388154 .large-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_388154 .large-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_388154 .column, #stacks_in_388154 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_388154 .large-1 { width: 8.33333%; } #stacks_in_388154 .large-2 { width: 16.66667%; } #stacks_in_388154 .large-3 { width: 25%; } #stacks_in_388154 .large-4 { width: 33.33333%; } #stacks_in_388154 .large-5 { width: 41.66667%; } #stacks_in_388154 .large-6 { width: 50%; } #stacks_in_388154 .large-7 { width: 58.33333%; } #stacks_in_388154 .large-8 { width: 66.66667%; } #stacks_in_388154 .large-9 { width: 75%; } #stacks_in_388154 .large-10 { width: 83.33333%; } #stacks_in_388154 .large-11 { width: 91.66667%; } #stacks_in_388154 .large-12 { width: 100%; } #stacks_in_388154 .large-offset-0 { margin-left: 0% !important; } #stacks_in_388154 .large-offset-1 { margin-left: 8.33333% !important; } #stacks_in_388154 .large-offset-2 { margin-left: 16.66667% !important; } #stacks_in_388154 .large-offset-3 { margin-left: 25% !important; } #stacks_in_388154 .large-offset-4 { margin-left: 33.33333% !important; } #stacks_in_388154 .large-offset-5 { margin-left: 41.66667% !important; } #stacks_in_388154 .large-offset-6 { margin-left: 50% !important; } #stacks_in_388154 .large-offset-7 { margin-left: 58.33333% !important; } #stacks_in_388154 .large-offset-8 { margin-left: 66.66667% !important; } #stacks_in_388154 .large-offset-9 { margin-left: 75% !important; } #stacks_in_388154 .large-offset-10 { margin-left: 83.33333% !important; } #stacks_in_388154 .large-offset-11 { margin-left: 91.66667% !important; } #stacks_in_388154 .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_388154 .column.large-centered, #stacks_in_388154 .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_388154 .column.large-uncentered, #stacks_in_388154 .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_388154 .column.large-centered:last-child, #stacks_in_388154 .columns.large-centered:last-child { float: none; } #stacks_in_388154 .column.large-uncentered:last-child, #stacks_in_388154 .columns.large-uncentered:last-child { float: left; } #stacks_in_388154 .column.large-uncentered.opposite, #stacks_in_388154 .columns.large-uncentered.opposite { float: right; } #stacks_in_388154 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_388154 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_388154 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_388154 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_388154 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_388154 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_388154 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_388154 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_388154 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_388154 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_388154 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_388154 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_388154 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_388154 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_388154 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_388154 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_388154 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_388154 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_388154 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_388154 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_388154 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_388154 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_388154 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_388154 .pull-11 { position: relative; right: 91.66667%; left: auto; } } #stacks_in_388154 [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } #stacks_in_388154 [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } #stacks_in_388154 [class*="block-grid-"]:after { clear: both; } #stacks_in_388154 [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { #stacks_in_388154 .small-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_388154 .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_388154 .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_388154 .small-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_388154 .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_388154 .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_388154 .small-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_388154 .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_388154 .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_388154 .small-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_388154 .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_388154 .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_388154 .small-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_388154 .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_388154 .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_388154 .small-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_388154 .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_388154 .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_388154 .small-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_388154 .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_388154 .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_388154 .small-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_388154 .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_388154 .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_388154 .small-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_388154 .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_388154 .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_388154 .small-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_388154 .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_388154 .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_388154 .small-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_388154 .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_388154 .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_388154 .small-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_388154 .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_388154 .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { #stacks_in_388154 .medium-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_388154 .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_388154 .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_388154 .medium-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_388154 .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_388154 .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_388154 .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_388154 .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_388154 .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_388154 .medium-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_388154 .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_388154 .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_388154 .medium-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_388154 .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_388154 .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_388154 .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_388154 .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_388154 .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_388154 .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_388154 .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_388154 .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_388154 .medium-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_388154 .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_388154 .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_388154 .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_388154 .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_388154 .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_388154 .medium-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_388154 .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_388154 .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_388154 .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_388154 .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_388154 .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_388154 .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_388154 .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_388154 .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { #stacks_in_388154 .large-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_388154 .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_388154 .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_388154 .large-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_388154 .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_388154 .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_388154 .large-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_388154 .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_388154 .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_388154 .large-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_388154 .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_388154 .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_388154 .large-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_388154 .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_388154 .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_388154 .large-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_388154 .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_388154 .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_388154 .large-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_388154 .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_388154 .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_388154 .large-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_388154 .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_388154 .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_388154 .large-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_388154 .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_388154 .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_388154 .large-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_388154 .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_388154 .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_388154 .large-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_388154 .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_388154 .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_388154 .large-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_388154 .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_388154 .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } #stacks_in_388154 { margin: 10px 0px 0px 0px; } #stacks_out_388154 { 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_in_388161 .button_icon,#stacks_in_388161 .button_icon i { margin:0; padding:0; display:inline-block; font-weight:normal; height:30px; line-height:30px; font-size:18px; } #stacks_in_388161 .button_label { font: 500 15px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; height:2em; line-height:2em; display: inline-block; font-family:A-OTF-Jun34Pro-Medium; } #stacks_in_388161 .button_icon { border-right: 1px solid rgba(0,0,0,0.2); float:left; padding-right:10px; } #stacks_in_388161 .button_label { border-left: 1px solid rgba(255,255,255, 0.2); float:left; padding: 0px 5px 0px 10px; } #stacks_in_388161 .sweet_button_wrapper { text-align:center; height:30px; } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_388161 .sweet_button_wrapper { height:24px; } #stacks_in_388161 .button_icon,#stacks_in_388161 .button_icon i { height:24px; line-height:2em; font-size:15px; } #stacks_in_388161 .button_label { font: 500 12px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; line-height:2em; } } #stacks_in_388161 a.sweet_button { cursor: pointer; display:inline-block; margin:0; padding:0px 10px; text-decoration:none; text-align:center; color:rgba(0, 0, 0, 1.00); border-style:solid; border-width:0px; border-color:rgba(0, 0, 0, 1.00); border-radius:1px; background:rgba(204, 204, 204, 1.00); } #stacks_in_388161 a.sweet_button:visited { color:rgba(0, 0, 0, 1.00); } #stacks_in_388161 a.sweet_button:hover { border-color:rgba(153, 153, 153, 1.00); } #stacks_in_388161 .sweet_button {text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);} #stacks_in_388161 .sweet_button { -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.75); -webkit-shadow: 0px 2px 5px rgba(0,0,0,0.75); box-shadow: 0px 2px 5px rgba(0,0,0,0.75); } #stacks_in_388161 .sweet_button_wrapper{padding-bottom:13px;} #stacks_in_388161 .sweet_button:hover { color:rgba(0, 0, 0, 1.00); background: rgba(224, 224, 224, 1.00); } #stacks_in_388161 .sweet_button:active{ background: rgba(184, 184, 184, 1.00); } #stacks_in_388161 .sweet_button.clicked { background: rgba(38, 113, 45, 1.00); border-color:rgba(0, 0, 0, 1.00); } #stacks_in_388161 .sweet_button.clicked:hover { background: rgba(58, 133, 65, 1.00); border-color:rgba(153, 153, 153, 1.00); } #stacks_in_388161 .sweet_button.clicked:active{ background: rgba(18, 93, 25, 1.00); } #stacks_in_388161 { margin: 5px; padding: 5px; } #flex-item-stacks_in_388856 .flex-grid-item-stacks_in_388807 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_388856 .flex-grid-item-stacks_in_388807 .flex-item-content-stacks_in_388807 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_388856 .flex-grid-item-stacks_in_388807 .flex-item-content-stacks_in_388807 .flex-item-content-inner-stacks_in_388807 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388856 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_388856 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388856 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388856 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388856.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388856.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388856.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_388165 h3,#stacks_in_388165 h3 a,#stacks_in_388165 p,#stacks_in_388165 p a{ font-size:15px; line-height:1.31em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_388165 h3,#stacks_in_388165 h3 a,#stacks_in_388165 p,#stacks_in_388165 p a{ font-size:14px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_388165 h3,#stacks_in_388165 h3 a,#stacks_in_388165 p,#stacks_in_388165 p a{ font-size:13px; } } #stacks_in_388165 h3,#stacks_in_388165 h3 a,#stacks_in_388165 p,#stacks_in_388165 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_388165 p a:hover, #stacks_in_388165 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_out_388165 { 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_388167 article, #stacks_in_388167 aside, #stacks_in_388167 details, #stacks_in_388167 figcaption, #stacks_in_388167 figure, #stacks_in_388167 footer, #stacks_in_388167 header, #stacks_in_388167 hgroup, #stacks_in_388167 main, #stacks_in_388167 nav, #stacks_in_388167 section, #stacks_in_388167 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_388167 audio, #stacks_in_388167 canvas, #stacks_in_388167 progress, #stacks_in_388167 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_388167 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_388167 [hidden], #stacks_in_388167 template { display: none; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ #stacks_in_388167 img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ #stacks_in_388167 svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address differences between Firefox and other browsers. */ #stacks_in_388167 hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ #stacks_in_388167 pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ #stacks_in_388167 code, #stacks_in_388167 kbd, #stacks_in_388167 pre, #stacks_in_388167 samp { font-family: monospace, monospace; font-size: 1em; } /* **************** */ /* Stack Specific */ /* **************** */ #stacks_in_388167 *, #stacks_in_388167 *:before, #stacks_in_388167 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_388167 .wow { visibility: hidden; } /* We use this media query to add styles to any device that supports media queries */ @media only screen { #stacks_in_388167 .column_base_margin { margin-bottom: 20px; } } @media only screen and (max-width: 1024px) { #stacks_in_388167 .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_388167 .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_388167 .column_base_margin { margin-bottom: 20px; } } /* Handles making images responsive inside the stack */ #stacks_in_388167 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_388167 meta.foundation-version { font-family: "/5.3.1/"; } #stacks_in_388167 meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } #stacks_in_388167 meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } #stacks_in_388167 meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } #stacks_in_388167 meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } #stacks_in_388167 meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } #stacks_in_388167 meta.foundation-data-attribute-namespace { font-family: false; } #stacks_in_388167 *, #stacks_in_388167 *:before, #stacks_in_388167 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_388167 .left { float: left !important; } #stacks_in_388167 .right { float: right !important; } #stacks_in_388167 .clearfix:before, #stacks_in_388167 .clearfix:after { content: " "; display: table; } #stacks_in_388167 .clearfix:after { clear: both; } #stacks_in_388167 .hide { display: none; } #stacks_in_388167 .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_388167 img { display: inline-block; vertical-align: middle; } #stacks_in_388167 textarea { height: auto; min-height: 50px; } #stacks_in_388167 select { width: 100%; } #stacks_in_388167 .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } #stacks_in_388167 .row:before, #stacks_in_388167 .row:after { content: " "; display: table; } #stacks_in_388167 .row:after { clear: both; } #stacks_in_388167 .row.collapse > .column, #stacks_in_388167 .row.collapse > .columns { padding-left: 0; padding-right: 0; } #stacks_in_388167 .row.collapse .row { margin-left: 0; margin-right: 0; } #stacks_in_388167 .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; } #stacks_in_388167 .row .row:before, #stacks_in_388167 .row .row:after { content: " "; display: table; } #stacks_in_388167 .row .row:after { clear: both; } #stacks_in_388167 .row .row.collapse { width: auto; margin: 0; max-width: none; } #stacks_in_388167 .row .row.collapse:before, #stacks_in_388167 .row .row.collapse:after { content: " "; display: table; } #stacks_in_388167 .row .row.collapse:after { clear: both; } #stacks_in_388167 .column, #stacks_in_388167 .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_388167 [class*="column"] + [class*="column"]:last-child { float: right; } #stacks_in_388167 [class*="column"] + [class*="column"].end { float: left; } @media only screen { #stacks_in_388167 .small-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_388167 .small-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_388167 .small-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_388167 .small-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_388167 .small-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_388167 .small-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_388167 .small-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_388167 .small-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_388167 .small-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_388167 .small-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_388167 .small-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_388167 .small-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_388167 .small-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_388167 .small-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_388167 .small-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_388167 .small-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_388167 .small-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_388167 .small-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_388167 .small-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_388167 .small-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_388167 .small-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_388167 .small-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_388167 .small-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_388167 .small-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_388167 .column, #stacks_in_388167 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_388167 .small-1 { width: 8.33333%; } #stacks_in_388167 .small-2 { width: 16.66667%; } #stacks_in_388167 .small-3 { width: 25%; } #stacks_in_388167 .small-4 { width: 33.33333%; } #stacks_in_388167 .small-5 { width: 41.66667%; } #stacks_in_388167 .small-6 { width: 50%; } #stacks_in_388167 .small-7 { width: 58.33333%; } #stacks_in_388167 .small-8 { width: 66.66667%; } #stacks_in_388167 .small-9 { width: 75%; } #stacks_in_388167 .small-10 { width: 83.33333%; } #stacks_in_388167 .small-11 { width: 91.66667%; } #stacks_in_388167 .small-12 { width: 100%; } #stacks_in_388167 .small-offset-0 { margin-left: 0% !important; } #stacks_in_388167 .small-offset-1 { margin-left: 8.33333% !important; } #stacks_in_388167 .small-offset-2 { margin-left: 16.66667% !important; } #stacks_in_388167 .small-offset-3 { margin-left: 25% !important; } #stacks_in_388167 .small-offset-4 { margin-left: 33.33333% !important; } #stacks_in_388167 .small-offset-5 { margin-left: 41.66667% !important; } #stacks_in_388167 .small-offset-6 { margin-left: 50% !important; } #stacks_in_388167 .small-offset-7 { margin-left: 58.33333% !important; } #stacks_in_388167 .small-offset-8 { margin-left: 66.66667% !important; } #stacks_in_388167 .small-offset-9 { margin-left: 75% !important; } #stacks_in_388167 .small-offset-10 { margin-left: 83.33333% !important; } #stacks_in_388167 .small-offset-11 { margin-left: 91.66667% !important; } #stacks_in_388167 .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_388167 .column.small-centered, #stacks_in_388167 .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_388167 .column.small-uncentered, #stacks_in_388167 .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_388167 .column.small-centered:last-child, #stacks_in_388167 .columns.small-centered:last-child { float: none; } #stacks_in_388167 .column.small-uncentered:last-child, #stacks_in_388167 .columns.small-uncentered:last-child { float: left; } #stacks_in_388167 .column.small-uncentered.opposite, #stacks_in_388167 .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 40.063em) { #stacks_in_388167 .medium-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_388167 .medium-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_388167 .medium-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_388167 .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_388167 .medium-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_388167 .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_388167 .medium-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_388167 .medium-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_388167 .medium-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_388167 .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_388167 .medium-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_388167 .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_388167 .medium-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_388167 .medium-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_388167 .medium-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_388167 .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_388167 .medium-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_388167 .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_388167 .medium-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_388167 .medium-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_388167 .medium-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_388167 .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_388167 .medium-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_388167 .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_388167 .column, #stacks_in_388167 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_388167 .medium-1 { width: 8.33333%; } #stacks_in_388167 .medium-2 { width: 16.66667%; } #stacks_in_388167 .medium-3 { width: 25%; } #stacks_in_388167 .medium-4 { width: 33.33333%; } #stacks_in_388167 .medium-5 { width: 41.66667%; } #stacks_in_388167 .medium-6 { width: 50%; } #stacks_in_388167 .medium-7 { width: 58.33333%; } #stacks_in_388167 .medium-8 { width: 66.66667%; } #stacks_in_388167 .medium-9 { width: 75%; } #stacks_in_388167 .medium-10 { width: 83.33333%; } #stacks_in_388167 .medium-11 { width: 91.66667%; } #stacks_in_388167 .medium-12 { width: 100%; } #stacks_in_388167 .medium-offset-0 { margin-left: 0% !important; } #stacks_in_388167 .medium-offset-1 { margin-left: 8.33333% !important; } #stacks_in_388167 .medium-offset-2 { margin-left: 16.66667% !important; } #stacks_in_388167 .medium-offset-3 { margin-left: 25% !important; } #stacks_in_388167 .medium-offset-4 { margin-left: 33.33333% !important; } #stacks_in_388167 .medium-offset-5 { margin-left: 41.66667% !important; } #stacks_in_388167 .medium-offset-6 { margin-left: 50% !important; } #stacks_in_388167 .medium-offset-7 { margin-left: 58.33333% !important; } #stacks_in_388167 .medium-offset-8 { margin-left: 66.66667% !important; } #stacks_in_388167 .medium-offset-9 { margin-left: 75% !important; } #stacks_in_388167 .medium-offset-10 { margin-left: 83.33333% !important; } #stacks_in_388167 .medium-offset-11 { margin-left: 91.66667% !important; } #stacks_in_388167 .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_388167 .column.medium-centered, #stacks_in_388167 .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_388167 .column.medium-uncentered, #stacks_in_388167 .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_388167 .column.medium-centered:last-child, #stacks_in_388167 .columns.medium-centered:last-child { float: none; } #stacks_in_388167 .column.medium-uncentered:last-child, #stacks_in_388167 .columns.medium-uncentered:last-child { float: left; } #stacks_in_388167 .column.medium-uncentered.opposite, #stacks_in_388167 .columns.medium-uncentered.opposite { float: right; } #stacks_in_388167 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_388167 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_388167 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_388167 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_388167 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_388167 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_388167 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_388167 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_388167 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_388167 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_388167 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_388167 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_388167 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_388167 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_388167 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_388167 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_388167 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_388167 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_388167 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_388167 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_388167 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_388167 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_388167 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_388167 .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { #stacks_in_388167 .large-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_388167 .large-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_388167 .large-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_388167 .large-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_388167 .large-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_388167 .large-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_388167 .large-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_388167 .large-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_388167 .large-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_388167 .large-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_388167 .large-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_388167 .large-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_388167 .large-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_388167 .large-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_388167 .large-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_388167 .large-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_388167 .large-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_388167 .large-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_388167 .large-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_388167 .large-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_388167 .large-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_388167 .large-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_388167 .large-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_388167 .large-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_388167 .column, #stacks_in_388167 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_388167 .large-1 { width: 8.33333%; } #stacks_in_388167 .large-2 { width: 16.66667%; } #stacks_in_388167 .large-3 { width: 25%; } #stacks_in_388167 .large-4 { width: 33.33333%; } #stacks_in_388167 .large-5 { width: 41.66667%; } #stacks_in_388167 .large-6 { width: 50%; } #stacks_in_388167 .large-7 { width: 58.33333%; } #stacks_in_388167 .large-8 { width: 66.66667%; } #stacks_in_388167 .large-9 { width: 75%; } #stacks_in_388167 .large-10 { width: 83.33333%; } #stacks_in_388167 .large-11 { width: 91.66667%; } #stacks_in_388167 .large-12 { width: 100%; } #stacks_in_388167 .large-offset-0 { margin-left: 0% !important; } #stacks_in_388167 .large-offset-1 { margin-left: 8.33333% !important; } #stacks_in_388167 .large-offset-2 { margin-left: 16.66667% !important; } #stacks_in_388167 .large-offset-3 { margin-left: 25% !important; } #stacks_in_388167 .large-offset-4 { margin-left: 33.33333% !important; } #stacks_in_388167 .large-offset-5 { margin-left: 41.66667% !important; } #stacks_in_388167 .large-offset-6 { margin-left: 50% !important; } #stacks_in_388167 .large-offset-7 { margin-left: 58.33333% !important; } #stacks_in_388167 .large-offset-8 { margin-left: 66.66667% !important; } #stacks_in_388167 .large-offset-9 { margin-left: 75% !important; } #stacks_in_388167 .large-offset-10 { margin-left: 83.33333% !important; } #stacks_in_388167 .large-offset-11 { margin-left: 91.66667% !important; } #stacks_in_388167 .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_388167 .column.large-centered, #stacks_in_388167 .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_388167 .column.large-uncentered, #stacks_in_388167 .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_388167 .column.large-centered:last-child, #stacks_in_388167 .columns.large-centered:last-child { float: none; } #stacks_in_388167 .column.large-uncentered:last-child, #stacks_in_388167 .columns.large-uncentered:last-child { float: left; } #stacks_in_388167 .column.large-uncentered.opposite, #stacks_in_388167 .columns.large-uncentered.opposite { float: right; } #stacks_in_388167 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_388167 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_388167 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_388167 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_388167 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_388167 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_388167 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_388167 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_388167 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_388167 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_388167 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_388167 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_388167 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_388167 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_388167 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_388167 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_388167 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_388167 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_388167 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_388167 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_388167 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_388167 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_388167 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_388167 .pull-11 { position: relative; right: 91.66667%; left: auto; } } #stacks_in_388167 [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } #stacks_in_388167 [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } #stacks_in_388167 [class*="block-grid-"]:after { clear: both; } #stacks_in_388167 [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { #stacks_in_388167 .small-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_388167 .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_388167 .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_388167 .small-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_388167 .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_388167 .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_388167 .small-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_388167 .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_388167 .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_388167 .small-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_388167 .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_388167 .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_388167 .small-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_388167 .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_388167 .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_388167 .small-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_388167 .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_388167 .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_388167 .small-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_388167 .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_388167 .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_388167 .small-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_388167 .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_388167 .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_388167 .small-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_388167 .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_388167 .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_388167 .small-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_388167 .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_388167 .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_388167 .small-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_388167 .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_388167 .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_388167 .small-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_388167 .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_388167 .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { #stacks_in_388167 .medium-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_388167 .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_388167 .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_388167 .medium-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_388167 .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_388167 .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_388167 .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_388167 .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_388167 .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_388167 .medium-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_388167 .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_388167 .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_388167 .medium-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_388167 .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_388167 .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_388167 .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_388167 .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_388167 .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_388167 .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_388167 .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_388167 .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_388167 .medium-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_388167 .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_388167 .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_388167 .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_388167 .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_388167 .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_388167 .medium-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_388167 .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_388167 .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_388167 .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_388167 .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_388167 .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_388167 .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_388167 .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_388167 .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { #stacks_in_388167 .large-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_388167 .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_388167 .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_388167 .large-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_388167 .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_388167 .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_388167 .large-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_388167 .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_388167 .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_388167 .large-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_388167 .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_388167 .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_388167 .large-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_388167 .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_388167 .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_388167 .large-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_388167 .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_388167 .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_388167 .large-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_388167 .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_388167 .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_388167 .large-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_388167 .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_388167 .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_388167 .large-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_388167 .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_388167 .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_388167 .large-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_388167 .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_388167 .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_388167 .large-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_388167 .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_388167 .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_388167 .large-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_388167 .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_388167 .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } #stacks_in_388167 { margin: 10px 0px 0px 0px; } #stacks_out_388167 { 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_388169 { width: 71%; } #stacks_in_388174 .button_icon,#stacks_in_388174 .button_icon i { margin:0; padding:0; display:inline-block; font-weight:normal; height:30px; line-height:30px; font-size:18px; } #stacks_in_388174 .button_label { font: 500 15px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; height:2em; line-height:2em; display: inline-block; font-family:A-OTF-Jun34Pro-Medium; } #stacks_in_388174 .button_icon { border-right: 1px solid rgba(0,0,0,0.2); float:left; padding-right:10px; } #stacks_in_388174 .button_label { border-left: 1px solid rgba(255,255,255, 0.2); float:left; padding: 0px 5px 0px 10px; } #stacks_in_388174 .sweet_button_wrapper { text-align:center; height:30px; } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_388174 .sweet_button_wrapper { height:24px; } #stacks_in_388174 .button_icon,#stacks_in_388174 .button_icon i { height:24px; line-height:2em; font-size:15px; } #stacks_in_388174 .button_label { font: 500 12px/150% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; line-height:2em; } } #stacks_in_388174 a.sweet_button { cursor: pointer; display:inline-block; margin:0; padding:0px 10px; text-decoration:none; text-align:center; color:rgba(0, 0, 0, 1.00); border-style:solid; border-width:0px; border-color:rgba(0, 0, 0, 1.00); border-radius:1px; background:rgba(204, 204, 204, 1.00); } #stacks_in_388174 a.sweet_button:visited { color:rgba(0, 0, 0, 1.00); } #stacks_in_388174 a.sweet_button:hover { border-color:rgba(153, 153, 153, 1.00); } #stacks_in_388174 .sweet_button {text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);} #stacks_in_388174 .sweet_button { -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.75); -webkit-shadow: 0px 2px 5px rgba(0,0,0,0.75); box-shadow: 0px 2px 5px rgba(0,0,0,0.75); } #stacks_in_388174 .sweet_button_wrapper{padding-bottom:13px;} #stacks_in_388174 .sweet_button:hover { color:rgba(0, 0, 0, 1.00); background: rgba(224, 224, 224, 1.00); } #stacks_in_388174 .sweet_button:active{ background: rgba(184, 184, 184, 1.00); } #stacks_in_388174 .sweet_button.clicked { background: rgba(38, 113, 45, 1.00); border-color:rgba(0, 0, 0, 1.00); } #stacks_in_388174 .sweet_button.clicked:hover { background: rgba(58, 133, 65, 1.00); border-color:rgba(153, 153, 153, 1.00); } #stacks_in_388174 .sweet_button.clicked:active{ background: rgba(18, 93, 25, 1.00); } #stacks_in_388174 { margin: 5px; padding: 5px; } #flex-item-stacks_in_388875 .flex-grid-item-stacks_in_388807 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_388875 .flex-grid-item-stacks_in_388807 .flex-item-content-stacks_in_388807 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_388875 .flex-grid-item-stacks_in_388807 .flex-item-content-stacks_in_388807 .flex-item-content-inner-stacks_in_388807 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388875 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_388875 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388875 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388875 .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388875.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388875.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388875.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388807 .flex-item-header-stacks_in_388807 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_388178>.s3_row { margin: 0 -10px; } #stacks_in_388178>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_388178>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_388178>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_388178>.s3_row { margin: -10px 0; } #stacks_in_388178>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #flex-item-stacks_in_388878 .flex-grid-item-stacks_in_388649 { /* */ background: rgba(230, 230, 230, 1.00); /* */ /* */ /* */ } #flex-item-stacks_in_388878 .flex-grid-item-stacks_in_388649 .flex-item-content-stacks_in_388649 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_388878 .flex-grid-item-stacks_in_388649 .flex-item-content-stacks_in_388649 .flex-item-content-inner-stacks_in_388649 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388878 .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_388878 .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388878 .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-toggle-icon { color: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_388878 .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-title { color: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_388878.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388878.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388878.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388649 .flex-item-header-stacks_in_388649 .header-title { color: rgba(255, 255, 255, 1.00); } /* */ #flex-stacks_in_388880 { margin: 0 auto; max-width: 1280px; } #flex-stacks_in_388880 .flex-controls { /* */ font-family: "Open Sans"; /* */ 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_388880 .flex-controls.no-inner-text #flex-toggle-stacks_in_388880::before { display: none; } #flex-stacks_in_388880 .flex-controls.no-outer-text #flex-toggle-text-stacks_in_388880 { display: none; } #flex-stacks_in_388880 .flex-controls #flex-toggle-text-stacks_in_388880 { color: rgba(69, 90, 100, 1.00); font-size: 13px; cursor: pointer; font-weight: bold; margin-right: 10px; display: inline-block; } #flex-stacks_in_388880 .flex-controls #flex-toggle-text-stacks_in_388880::before { display: inline-block; content: 'CLOSE ALL'; } #flex-stacks_in_388880 .flex-controls #flex-toggle-text-stacks_in_388880.off::before { content: 'OPEN ALL'; } #flex-stacks_in_388880 .flex-controls #flex-toggle-stacks_in_388880 { 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_388880 .flex-controls #flex-toggle-stacks_in_388880::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_388880 .flex-controls #flex-toggle-stacks_in_388880 .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_388880 .flex-controls #flex-toggle-stacks_in_388880.off { background: rgba(229, 83, 97, 1.00); } #flex-stacks_in_388880 .flex-controls #flex-toggle-stacks_in_388880.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_388880 .flex-controls #flex-toggle-stacks_in_388880.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_388880 .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_388880 .flex-grid-row { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } #flex-stacks_in_388880 .flex-grid-item-stacks_in_388880 { box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_388880 .flex-grid-item-stacks_in_388880 .flex-item-content-stacks_in_388880 { height: 0; overflow: hidden; position: relative; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_388880 .flex-grid-item-stacks_in_388880 .flex-item-content-stacks_in_388880 .flex-item-content-inner-stacks_in_388880 { /* */ font-family: "Open Sans"; /* */ z-index: 10; position: relative; padding: 20px 20px; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_388880 .flex-grid-item-stacks_in_388880 .flex-item-content-stacks_in_388880::before { z-index: 5; content: ''; top: 0; left: 0; right: 0; bottom: 0; display: block; position: absolute; } #flex-stacks_in_388880 .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 { /* */ font-family: "Open Sans"; /* */ padding: 10px 10px; 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_388880 .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880:hover { /* */ padding: 20px 10px; box-sizing: border-box; transition: 0.3s ease; /* */ } #flex-stacks_in_388880 .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880:hover .header-toggle-icon { /* */ -webkit-transform: rotate(90deg); transform: rotate(90deg); transition: 0.3s ease; /* */ } #flex-stacks_in_388880 .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .header-icon, #flex-stacks_in_388880 .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .header-title, #flex-stacks_in_388880 .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .header-toggle-icon { z-index: 2; } #flex-stacks_in_388880 .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .header-icon { font-size: 20px; margin-right: 20px; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_388880 .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .header-toggle-icon { font-size: 20px; margin-left: auto; box-sizing: border-box; transition: all 0.3s ease; } #flex-stacks_in_388880 .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .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_388880 .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880::before { content: ''; display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } #flex-stacks_in_388880 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388880 .flex-item-content-stacks_in_388880 { height: auto; } #flex-stacks_in_388880 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 { padding: 20px 10px; } #flex-stacks_in_388880 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880:hover { padding: 20px 10px; } #flex-stacks_in_388880 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880:hover .header-toggle-icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #flex-stacks_in_388880 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .header-icon { font-size: 20px; } #flex-stacks_in_388880 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .header-title { font-size: 13px; } #flex-stacks_in_388880 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .header-toggle-icon::before { content: '\f12a'; transition: all 0.3s ease; } #flex-stacks_in_388880 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880::before { display: block; } #flex-stacks_in_388880.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_388880.no-open-all-toggle .flex-controls { display: none; } #flex-stacks_in_388880.uppercase-headers .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 { text-transform: uppercase; } #flex-stacks_in_388880.shared-background .flex-grid-item-stacks_in_388880 { /* */ /* */ /* */ } #flex-stacks_in_388880.shared-header-overlay .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880::before { background: rgba(2, 31, 57, 1.00) !important; } #flex-stacks_in_388880.header-hover-overlays .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880:hover::before { /* */ display: block; /* */ } #flex-stacks_in_388880.header-hover-overlays .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880:hover .header-title, #flex-stacks_in_388880.header-hover-overlays .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880:hover .header-toggle-icon { /* */ color: rgba(253, 174, 31, 1.00) !important; /* */ } #flex-stacks_in_388880.header-hover-overlays .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880:hover .header-icon { /* */ color: rgba(253, 174, 31, 1.00) !important; /* */ } #flex-stacks_in_388880.shared-title .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .header-title, #flex-stacks_in_388880.shared-title .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .header-toggle-icon { color: rgba(0, 0, 0, 1.00) !important; } #flex-stacks_in_388880.shared-title .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .header-title, #flex-stacks_in_388880.shared-title .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .header-toggle-icon { color: rgba(253, 174, 31, 1.00) !important; } #flex-stacks_in_388880.shared-icon .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .header-icon { color: rgba(3, 3, 1, 1.00) !important; } #flex-stacks_in_388880.shared-icon .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .header-icon { color: rgba(253, 174, 31, 1.00) !important; } #flex-stacks_in_388880.shared-content-text .flex-grid-item-stacks_in_388880 .flex-item-content-stacks_in_388880 .flex-item-content-inner-stacks_in_388880 { color: rgba(255, 255, 255, 1.00) !important; } #flex-stacks_in_388880.shared-content-overlay .flex-grid-item-stacks_in_388880 .flex-item-content-stacks_in_388880::before { background: rgba(251, 254, 254, 1.00) !important; } @media (min-width: 480px) and (max-width: 768px) { #flex-stacks_in_388880 .flex-grid { border-radius: 5px; } #flex-stacks_in_388880 .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .header-icon { font-size: 20px; } #flex-stacks_in_388880 .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .header-title { font-size: 12px; line-height: 16.799999px; } #flex-stacks_in_388880 .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .header-toggle-icon { font-size: 20px; } #flex-stacks_in_388880 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .header-icon { font-size: 20px; } #flex-stacks_in_388880 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .header-title { font-size: 12px; line-height: 16.799999px; } } @media (max-width: 480px) { #flex-stacks_in_388880 .flex-grid { border-radius: 5px; } #flex-stacks_in_388880 .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .header-icon { font-size: 20px; } #flex-stacks_in_388880 .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .header-title { font-size: 10px; line-height: 14.000000px; } #flex-stacks_in_388880 .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .header-toggle-icon { font-size: 20px; } #flex-stacks_in_388880 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .header-icon { font-size: 16px; } #flex-stacks_in_388880 .flex-grid .flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .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_388880 { 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_388881 .flex-grid-item-stacks_in_388880 { /* */ background: rgba(230, 230, 230, 1.00); /* */ /* */ /* */ } #flex-item-stacks_in_388881 .flex-grid-item-stacks_in_388880 .flex-item-content-stacks_in_388880 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_388881 .flex-grid-item-stacks_in_388880 .flex-item-content-stacks_in_388880 .flex-item-content-inner-stacks_in_388880 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388881 .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_388881 .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388881 .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .header-toggle-icon { color: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_388881 .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .header-title { color: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_388881.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388881.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388881.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_388195 { font-size:14px ; line-height:1.41em; } #stacks_in_388195 { 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_388197 { margin: 0px 0px 15px 0px; } #stacks_in_388199>.s3_row { margin: 0 -10px; } #stacks_in_388199>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_388199>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_388199>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_388199>.s3_row { margin: -10px 0; } #stacks_in_388199>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #flex-item-stacks_in_388892 .flex-grid-item-stacks_in_388880 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_388892 .flex-grid-item-stacks_in_388880 .flex-item-content-stacks_in_388880 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_388892 .flex-grid-item-stacks_in_388880 .flex-item-content-stacks_in_388880 .flex-item-content-inner-stacks_in_388880 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388892 .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_388892 .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388892 .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388892 .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388892.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388892.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388892.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_388209 { font-size:14px ; line-height:1.41em; } #stacks_in_388209 { 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_388901 .flex-grid-item-stacks_in_388880 { /* */ background: rgba(230, 230, 230, 0.82); /* */ /* */ /* */ } #flex-item-stacks_in_388901 .flex-grid-item-stacks_in_388880 .flex-item-content-stacks_in_388880 { background: rgba(0, 0, 0, 0.00); } #flex-item-stacks_in_388901 .flex-grid-item-stacks_in_388880 .flex-item-content-stacks_in_388880 .flex-item-content-inner-stacks_in_388880 { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388901 .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880::before { background: rgba(0, 0, 0, 1.00); } #flex-item-stacks_in_388901 .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388901 .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388901 .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .header-title { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388901.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .header-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388901.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .header-toggle-icon { color: rgba(255, 255, 255, 1.00); } #flex-item-stacks_in_388901.flex-grid-row.flex-item-opened .flex-grid-item-stacks_in_388880 .flex-item-header-stacks_in_388880 .header-title { color: rgba(255, 255, 255, 1.00); } #stacks_in_388217 { font-size:14px ; line-height:1.42em; } #stacks_in_388217 { 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_388219 { margin: 0px 0px 10px 0px; } #stacks_in_388221>.s3_row { margin: 0 -10px; } #stacks_in_388221>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_388221>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_388221>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_388221>.s3_row { margin: -10px 0; } #stacks_in_388221>.s3_row>.s3_column { padding: 10px 0; width:100%; } } /* -- Start Anchor Each css Template -- */ .stacks_in_388621editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_388621editInfo i{ vertical-align: middle; } .stacks_in_388621editInfo:before{ content:"#da2"; float: right; } .stacks_in_388621editInfo:after{ content:""; display: table; clear: both; } .stacks_in_388621topOffset{ 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_388621topOffset: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_388927_2, #stacks_in_388927_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_388927_2 { padding: 20px 0px !important; } #press_alignment_stacks_in_388927_2 { width: 100%; } #press_alignment_stacks_in_388927_2.press-left { text-align: left; } #press_alignment_stacks_in_388927_2.press-center { text-align: center; } #press_alignment_stacks_in_388927_2.press-right { text-align: right; } #stacks_in_388927_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_388927_2:hover { /* */ /* */ /* */ /* */ } #stacks_in_388927_2:hover .press-icon i { /* */ color: rgba(253, 155, 16, 1.00); /* */ } #stacks_in_388927_2:active { /* */ /* */ /* */ /* */ } #stacks_in_388927_2:active .press-icon i { /* */ } #stacks_in_388927_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_388927_2 .press-icon i { font-size: 60px; color: rgba(0, 0, 0, 1.00); vertical-align: middle; } #stacks_in_388927_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_388927_2 .press-text .out { margin: 0 !important; } #stacks_in_388927_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_388627 { margin: 0px 20px 0px 20px; } #stacks_in_388630 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_388630 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_388630 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_388632 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_388632 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_388632 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_388634 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_388634 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_388634 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_388636 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_388636 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_388636 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_388638 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_388638 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_388638 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }/* -- Start Anchor Each css Template -- */ .stacks_in_388648anchorStack{ height: 0px !important; padding: 0 !important; margin: 0 !important; } .stacks_in_388648editInfo{ color: #ffffff; background: #16a085; padding: 3px 10px 3px 10px; border-radius: 2px; font-size: 18px; } .stacks_in_388648editInfo i{ vertical-align: middle; } .stacks_in_388648editInfo:before{ content:"#da2"; float: right; } .stacks_in_388648editInfo:after{ content:""; display: table; clear: both; } .stacks_in_388648topOffset{ 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_389096 .hp-bg-layer { background-color : rgba(255, 255, 255, 0.00); background-image : url(../files/backgroundImage-389096.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; } .hp_stacks_in_389096 .hp-fg-layer { min-height: 100vh; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; } .hp_stacks_in_389096 .hp-fg-layer .hp-section { max-width: 1100px; width: calc(100% - 60px); margin:0 auto; } .hp_stacks_in_389096 .hp-fg-layer > .hp-layer-2, .hp_stacks_in_389096 .hp-fg-layer > .hp-layer-4 { display: none; } .hp_stacks_in_389096 .hp-fg-layer .hp-svg-wrap > .hp-extend, .hp_stacks_in_389096 .hp-fg-layer .hp-layer-2 .hp-svg-wrap .hp-wave-1, .hp_stacks_in_389096 .hp-fg-layer .hp-layer-3 .hp-svg-wrap .hp-wave-2, .hp_stacks_in_389096 .hp-fg-layer .hp-layer-4 .hp-svg-wrap .hp-wave-3 { display: block; } .hp_stacks_in_389096 .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_389096 .hp-svg-wrap svg{ height:240px } .hp_stacks_in_389096 .hp-fg-layer .hp-horizon-content{ padding-bottom:240px } .hp_stacks_in_389096 .hp-fg-layer .hp-svg-wrap svg{ position:absolute; top:-240px } } #stacks_in_389097 { margin: 100px 10px 10px 10px; } #stacks_in_389100 { margin: 50px 0px 0px 0px; } #stacks_in_389101.layouts-2-row > .layouts-2-content-width.layouts-2-el, #stacks_in_389101.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_389101.layouts-2-row > .layouts-2-content-width.layouts-2-el > div:not(:first-child) { margin-left: 48px; } @supports (rotate:180deg) { #stacks_in_389101.layouts-2-row > .layouts-2-content-width.layouts-2-el > div:not(:first-child) { margin-left: 0; } } #stacks_in_389103.layouts-2-column, .layouts-2-row > div > div[tag="node"] > #stacks_out_389103.out { flex: 1; max-width: 540px; flex-basis: 180px; margin: 0; } .layouts-2-row > div > div[tag="node"] > #stacks_out_389103.out { overflow: visible; } #stacks_in_389103.layouts-2-column, #slice_mez_389103 { 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_389103.layouts-2-column:after, #stacks_out_389103:after { width: 180px; } @media all and (min-width: 901px) { #stacks_in_389103.layouts-2-column.hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 601px) { #stacks_in_389103.layouts-2-column.hide-tablet { display: none; } } @media all and (max-width: 600px) { #stacks_in_389103.layouts-2-column.hide-mobile { display: none; } } #stacks_in_389105 h3,#stacks_in_389105 h3 a,#stacks_in_389105 p,#stacks_in_389105 p a{ font-size:20px; line-height:1.00em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_389105 h3,#stacks_in_389105 h3 a,#stacks_in_389105 p,#stacks_in_389105 p a{ font-size:19px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_389105 h3,#stacks_in_389105 h3 a,#stacks_in_389105 p,#stacks_in_389105 p a{ font-size:18px; } } #stacks_in_389105 h3,#stacks_in_389105 h3 a,#stacks_in_389105 p,#stacks_in_389105 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_389105 p a:hover, #stacks_in_389105 h3 a:hover{ color:rgba(204, 204, 204, 1.00); } #stacks_in_389107 { font-size:17px ; line-height:1.78em; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_389107 { font-size:16px ; } } @media screen and (max-width:500px){ /* iPhone Portrait */ #stacks_in_389107 { font-size:13px ; } } #stacks_in_389107 { 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_389107 { 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_389107 { 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_389107 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } /* -- Start Eternity2 Each css Template -- */ .stacks_in_389108eternityContainer { overflow: hidden; position: relative; } .stacks_in_389108eternityContainer { 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_389108overlay{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; background:url("../files/eternity2Assets/00.png") !important; } .stacks_in_389108contentBox{ 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_389108content{ max-width: 300px; margin: 0 auto 0 auto; text-align: left; } .stacks_in_389108content,.stacks_in_389108content h1,.stacks_in_389108content h2,.stacks_in_389108content h3,.stacks_in_389108content h4,.stacks_in_389108content h5,.stacks_in_389108content h6{ color: rgba(0, 0, 0, 1.00) !important; } .stacks_in_389108content a,.stacks_in_389108content a:active,.stacks_in_389108content a:visited{ color: rgba(253, 174, 31, 1.00) !important; text-decoration: none !important; } .stacks_in_389108content a:hover{ color: rgba(255, 255, 255, 1.00) !important; text-decoration: none !important; } .stacks_in_389108eternityScrollButton i{ color: rgba(255, 255, 255, 1.00) !important; } .stacks_in_389108eternityScrollButton{ 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_389108eternityScrollButton{ display: block; } /* -- End Unified -- */ .stacks_in_389108eternityContainer { min-height: 100px; } .stacks_in_389108contentBox{ 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_389116.layouts-2-column, .layouts-2-row > div > div[tag="node"] > #stacks_out_389116.out { flex: 1; max-width: 540px; flex-basis: 180px; margin: 0; } .layouts-2-row > div > div[tag="node"] > #stacks_out_389116.out { overflow: visible; } .layouts-2-content-width > #stacks_in_389116.layouts-2-column:after, #stacks_out_389116:after { width: 180px; } @media all and (min-width: 901px) { #stacks_in_389116.layouts-2-column.hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 601px) { #stacks_in_389116.layouts-2-column.hide-tablet { display: none; } } @media all and (max-width: 600px) { #stacks_in_389116.layouts-2-column.hide-mobile { display: none; } } #stacks_in_389120 h3,#stacks_in_389120 h3 a,#stacks_in_389120 p,#stacks_in_389120 p a{ font-size:17px; line-height:1.48em; margin:0; } @media screen and (max-width:770px){ /* iPad Portrait */ #stacks_in_389120 h3,#stacks_in_389120 h3 a,#stacks_in_389120 p,#stacks_in_389120 p a{ font-size:15px; } } @media screen and (max-width:500px){ /* iPhone Landscape */ #stacks_in_389120 h3,#stacks_in_389120 h3 a,#stacks_in_389120 p,#stacks_in_389120 p a{ font-size:13px; } } #stacks_in_389120 h3,#stacks_in_389120 h3 a,#stacks_in_389120 p,#stacks_in_389120 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_389120 p a:hover, #stacks_in_389120 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_389123, #stacks_in_389123 { 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_389123 { padding: 20px 0px !important; } #press_alignment_stacks_in_389123 { width: 100%; } #press_alignment_stacks_in_389123.press-left { text-align: left; } #press_alignment_stacks_in_389123.press-center { text-align: center; } #press_alignment_stacks_in_389123.press-right { text-align: right; } #stacks_in_389123 { 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_389123:hover { /* */ /* */ /* */ background: rgba(2, 31, 57, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_389123:hover .press-icon i { /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_389123:active { /* */ /* */ /* */ /* */ color: rgba(204, 0, 0, 1.00); /* */ } #stacks_in_389123:active .press-icon i { /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_389123 .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_389123 .press-icon i { font-size: 16px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_389123 .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_389123 .press-text .out { margin: 0 !important; } #stacks_in_389123 { 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_389129 { margin: 0px 20px 0px 20px; } #stacks_in_389133 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_389133 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_389133 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_389135 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_389135 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_389135 .hp-extend:after { background: rgba(0, 0, 0, 1.00); }#stacks_in_389137 .hp-extend { background: rgba(0, 0, 0, 1.00); height: 120px; } #stacks_in_389137 svg { fill: rgba(0, 0, 0, 1.00); } #stacks_in_389137 .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_387975_24, #stacks_in_387975_24 h1, #stacks_in_387975_24 h2, #stacks_in_387975_24 h3, #stacks_in_387975_24 h4, #stacks_in_387975_24 h5, #stacks_in_387975_24 h6, #stacks_in_387975_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_387975_4, #stacks_in_387975_4 h1, #stacks_in_387975_4 h2, #stacks_in_387975_4 h3, #stacks_in_387975_4 h4, #stacks_in_387975_4 h5, #stacks_in_387975_4 h6, #stacks_in_387975_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_387975_2, #stacks_in_387975_2 h1, #stacks_in_387975_2 h2, #stacks_in_387975_2 h3, #stacks_in_387975_2 h4, #stacks_in_387975_2 h5, #stacks_in_387975_2 h6, #stacks_in_387975_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_387975_22, #stacks_in_387975_22 h1, #stacks_in_387975_22 h2, #stacks_in_387975_22 h3, #stacks_in_387975_22 h4, #stacks_in_387975_22 h5, #stacks_in_387975_22 h6, #stacks_in_387975_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_387975_20, #stacks_in_387975_20 h1, #stacks_in_387975_20 h2, #stacks_in_387975_20 h3, #stacks_in_387975_20 h4, #stacks_in_387975_20 h5, #stacks_in_387975_20 h6, #stacks_in_387975_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_387975_6, #stacks_in_387975_6 h1, #stacks_in_387975_6 h2, #stacks_in_387975_6 h3, #stacks_in_387975_6 h4, #stacks_in_387975_6 h5, #stacks_in_387975_6 h6, #stacks_in_387975_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_387975_8, #stacks_in_387975_8 h1, #stacks_in_387975_8 h2, #stacks_in_387975_8 h3, #stacks_in_387975_8 h4, #stacks_in_387975_8 h5, #stacks_in_387975_8 h6, #stacks_in_387975_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_387975_10, #stacks_in_387975_10 h1, #stacks_in_387975_10 h2, #stacks_in_387975_10 h3, #stacks_in_387975_10 h4, #stacks_in_387975_10 h5, #stacks_in_387975_10 h6, #stacks_in_387975_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_387975_12, #stacks_in_387975_12 h1, #stacks_in_387975_12 h2, #stacks_in_387975_12 h3, #stacks_in_387975_12 h4, #stacks_in_387975_12 h5, #stacks_in_387975_12 h6, #stacks_in_387975_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_387975_14, #stacks_in_387975_14 h1, #stacks_in_387975_14 h2, #stacks_in_387975_14 h3, #stacks_in_387975_14 h4, #stacks_in_387975_14 h5, #stacks_in_387975_14 h6, #stacks_in_387975_14 p { font-family: 'A-OTF-Jun201Pro-Regular', sans-serif !important; font-stretch: normal !important; font-weight: normal !important; font-style: normal !important; }