/* * com.onelittledesigner.content_1ld_css */ .content-1ld-svg-icon>svg,svg.content-1ld-svg-icon{height:32px;width:32px;display:inline-block}.content-1ld-button,.content-1ld-image{margin:16px 0}.content-1ld-button a{padding:12px 24px;text-decoration:none;display:inline-block;white-space:nowrap}.content-1ld-image{width:100%;display:block;box-sizing:border-box}.content-1ld-image[data-no-image]{aspect-ratio:1.7778;display:block;background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#f3f3f3}.mez.selected:has(>div>.content-1ld-image):after{content:"";position:absolute;inset:0;background-color:rgba(38,128,252,.1)}div[tag=slice]:has(>div>div>.content-1ld-content){margin:12px 0}.content-1ld-content div.mez,.content-1ld-content+div>.mez:has(>div[tag=node]),.mez:has(>div>.content-1ld-content){background-color:transparent;border:0 solid transparent;padding:0;margin:0}.mez:has(>div>.content-1ld-content)>:not(.in){visibility:hidden}.content-1ld-content div[tag=node]{min-width:5px!important;min-height:5px!important;color:inherit}div.mez.bare.selected:has(>div>.content-1ld-content){background-color:rgba(38,128,252,.1)}.content-1ld-svg-icon{font-size:0!important;line-height:1!important}.content-1ld-svg-icon>svg{font-size:0;line-height:1}.content-1ld-text.material-icons{font-size:32px}.ionicons-svg-outline{fill:none!important;stroke-width:32px}.content-1ld-button{line-height:1.1}.content-1ld-button>a{display:inline-flex;align-items:center}.content-1ld-button>a>i,.content-1ld-button>a>svg{margin-right:.5em}@supports (rotate:180deg){.content-1ld-button>a{gap:.5em}.content-1ld-button>a>i,.content-1ld-button>a>svg{margin-right:0}}.content-1ld-button a>i{font-size:22px}.content-1ld-button a>svg{height:22px;width:22px}div.out[tag=slice] .content-1ld-button>a>div{min-height:0}div.out[tag=slice] .content-1ld-button a>svg+div.out{display:inline-block} div.mez.bare.selected:after:has(>div>.content-1ld-button){content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;background-color:rgba(38,128,252,.1)} /* * 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; } /* @group Page */ /* Stop the background page scrolling when the modal is open */ body.sociableOpen { overflow: hidden !important; } /* @end */ /* @group Share Button */ #socialPopupTriggerButtonstacks_in_345 *, #socialPopupTriggerButtonstacks_in_345 *::after, #socialPopupTriggerButtonstacks_in_345 *::before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #socialPopupTriggerButtonstacks_in_345 { position: fixed; bottom: 10.00%; left: 2.00%; cursor: pointer; z-index: 999; } #socialPopupTriggerButtonstacks_in_345 { display: none; } #socialPopupTriggerButtonstacks_in_345 a { background: none; border: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; outline: none; } #socialPopupTriggerButtonstacks_in_345 a:focus { outline: none; border: none; } #socialPopupTriggerButtonstacks_in_345 #socialPopupTriggerButtonBorderstacks_in_345 { border: 2px solid #CDCDCD; background: #FFFFFF; border-radius: 27px; -webkit-border-radius: 27px; -moz-border-radius: 27px; height: 50px; overflow: hidden; z-index: 5; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #socialPopupTriggerButtonstacks_in_345:hover #socialPopupTriggerButtonBorderstacks_in_345 { border: 2px solid #999999; background: #FFFFFF; } #socialPopupTriggerButtonstacks_in_345 #socialPopupTriggerButtonBorderstacks_in_345 { padding-right: 15px; } #socialPopupTriggerButtonstacks_in_345 #socialPopupTriggerButtonIconstacks_in_345 [class^="fa fa-"] { color: #333333; font-size: 24px; line-height: 50px; width: 50px; text-align: center; display: block; float: left; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #socialPopupTriggerButtonstacks_in_345:hover #socialPopupTriggerButtonBorderstacks_in_345 [class^="fa fa-"] { color: #333333; } #socialPopupTriggerButtonstacks_in_345 #socialPopupTriggerButtonTextstacks_in_345 { color: #333333; font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; float: right; max-width: 0px; overflow: hidden; line-height: 50px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #socialPopupTriggerButtonstacks_in_345 #socialPopupTriggerButtonTextstacks_in_345 { max-width: none; color: #333333; } /* @end */ /* @group Content Block (top of modal) */ #sociableContentBlock { max-width: 1200px; margin: 0 auto; text-align: center; } #adBlockMessage { display: none; } #adBlockMessage.adBlockTrue { display: block; color: #ffffff; text-align: center; font-size: 16px; } /* @end */ /* @group Modal Window */ /* General styles for the modal */ /* Styles for the html/body for special modal where we want 3d effects Note that we need a container wrapping all content on the page for the perspective effects (not including the modals and the overlay). */ .socialPopupModalPerspective, .socialPopupModalPerspective body { height: 100%; overflow: hidden; } .socialPopupModalPerspective body { background: #222; -webkit-perspective: 600px; -moz-perspective: 600px; perspective: 600px; } .socialPopupModal-1 { position: fixed; top: 0%; left: 0%; width: 100%; overflow: auto; height: 100%; z-index: 19991; visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .socialPopupModalShow { visibility: visible; } .socialPopupModalOverlay { position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 1999; opacity: 0; background: #000000; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow ~ .socialPopupModalOverlay { opacity: 0.90; visibility: visible; } /* Content styles */ #socialPopupModalContentstacks_in_345 { position: relative; border-radius: 3px; margin: 0 auto; } /* Individual modal styles with animations/transitions */ /* */ /* @group Effect 1 */ /* Effect 1: Fade in and scale up */ .socialPopupModalEffect-1 #socialPopupModalContentstacks_in_345 { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-1 #socialPopupModalContentstacks_in_345 { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* @end */ /* @group Effect 2 */ /* Effect 2: Slide from the right */ .socialPopupModalEffect-2 #socialPopupModalContentstacks_in_345 { -webkit-transform: translateX(20%); -moz-transform: translateX(20%); -ms-transform: translateX(20%); transform: translateX(20%); opacity: 0; -webkit-transition: all 1000ms cubic-bezier(0.25, 0.5, 0.5, 0.9); -moz-transition: all 1000ms cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: all 1000ms cubic-bezier(0.25, 0.5, 0.5, 0.9); } .socialPopupModalShow.socialPopupModalEffect-2 #socialPopupModalContentstacks_in_345 { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; } /* @end */ /* @group Effect 3 */ /* Effect 3: Slide from the bottom */ .socialPopupModalEffect-3 #socialPopupModalContentstacks_in_345 { -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%); opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-3 #socialPopupModalContentstacks_in_345 { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } /* @end */ /* @group Effect 4 */ /* Effect 4: Newspaper */ .socialPopupModalEffect-4 #socialPopupModalContentstacks_in_345 { -webkit-transform: scale(0) rotate(720deg); -moz-transform: scale(0) rotate(720deg); -ms-transform: scale(0) rotate(720deg); transform: scale(0) rotate(720deg); opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-4 ~ .socialPopupModalOverlay, .socialPopupModalEffect-4 #socialPopupModalContentstacks_in_345 { -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-4 #socialPopupModalContentstacks_in_345 { -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); opacity: 1; } /* @end */ /* @group Effect 5 */ /* Effect 5: fall */ .socialPopupModalEffect-5.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-5 #socialPopupModalContentstacks_in_345 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(600px) rotateX(20deg); -moz-transform: translateZ(600px) rotateX(20deg); -ms-transform: translateZ(600px) rotateX(20deg); transform: translateZ(600px) rotateX(20deg); opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-5 #socialPopupModalContentstacks_in_345 { -webkit-transition: all 1000ms ease-in; -moz-transition: all 1000ms ease-in; transition: all 1000ms ease-in; -webkit-transform: translateZ(0px) rotateX(0deg); -moz-transform: translateZ(0px) rotateX(0deg); -ms-transform: translateZ(0px) rotateX(0deg); transform: translateZ(0px) rotateX(0deg); opacity: 1; } /* @end */ /* @group Effect 6 */ /* Effect 6: side fall */ .socialPopupModalEffect-6.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-6 #socialPopupModalContentstacks_in_345 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translate(30%) translateZ(600px) rotate(10deg); -moz-transform: translate(30%) translateZ(600px) rotate(10deg); -ms-transform: translate(30%) translateZ(600px) rotate(10deg); transform: translate(30%) translateZ(600px) rotate(10deg); opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-6 #socialPopupModalContentstacks_in_345 { -webkit-transition: all 1000ms ease-in; -moz-transition: all 1000ms ease-in; transition: all 1000ms ease-in; -webkit-transform: translate(0%) translateZ(0) rotate(0deg); -moz-transform: translate(0%) translateZ(0) rotate(0deg); -ms-transform: translate(0%) translateZ(0) rotate(0deg); transform: translate(0%) translateZ(0) rotate(0deg); opacity: 1; } /* @end */ /* @group Effect 7 */ /* Effect 7: slide and stick to top */ .socialPopupModalEffect-7{ top: 0; -webkit-transform: translateX(-0%); -moz-transform: translateX(-0%); -ms-transform: translateX(-0%); transform: translateX(-0%); } .socialPopupModalEffect-7 #socialPopupModalContentstacks_in_345 { -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-7 #socialPopupModalContentstacks_in_345 { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); border-radius: 0 0 3px 3px; opacity: 1; } /* @end */ /* @group Effect 8 */ /* Effect 8: 3D flip horizontal */ .socialPopupModalEffect-8.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-8 #socialPopupModalContentstacks_in_345 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(-70deg); -moz-transform: rotateY(-70deg); -ms-transform: rotateY(-70deg); transform: rotateY(-70deg); -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-8 #socialPopupModalContentstacks_in_345 { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } /* @end */ /* @group Effect 9 */ /* Effect 9: 3D flip vertical */ .socialPopupModalEffect-9.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-9 #socialPopupModalContentstacks_in_345 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-70deg); -moz-transform: rotateX(-70deg); -ms-transform: rotateX(-70deg); transform: rotateX(-70deg); -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-9 #socialPopupModalContentstacks_in_345 { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } /* @end */ /* @group Effect 10 */ /* Effect 10: 3D sign */ .socialPopupModalEffect-10.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-10 #socialPopupModalContentstacks_in_345 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-60deg); -moz-transform: rotateX(-60deg); -ms-transform: rotateX(-60deg); transform: rotateX(-60deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-10 #socialPopupModalContentstacks_in_345 { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } /* @end */ /* @group Effect 11 */ /* Effect 11: Super scaled */ .socialPopupModalEffect-11 #socialPopupModalContentstacks_in_345 { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); transform: scale(2); opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-11 #socialPopupModalContentstacks_in_345 { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* @end */ /* @group Effect 12 */ /* Effect 12: Just me */ .socialPopupModalEffect-12 #socialPopupModalContentstacks_in_345 { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-12 ~ .socialPopupModalOverlay { background: #000000; } .socialPopupModalEffect-12 #socialPopupModalContentstacks_in_345 h3, .socialPopupModalEffect-12 #socialPopupModalContentstacks_in_345 { background: transparent; } .socialPopupModalShow.socialPopupModalEffect-12 #socialPopupModalContentstacks_in_345 { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* @end */ /* @group Effect 13 */ /* Effect 13: 3D slit */ .socialPopupModalEffect-13.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-13 #socialPopupModalContentstacks_in_345 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(-3000px) rotateY(90deg); -moz-transform: translateZ(-3000px) rotateY(90deg); -ms-transform: translateZ(-3000px) rotateY(90deg); transform: translateZ(-3000px) rotateY(90deg); opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-13 #socialPopupModalContentstacks_in_345 { -webkit-animation: slit .7s forwards ease-out; -moz-animation: slit .7s forwards ease-out; animation: slit .7s forwards ease-out; } @-webkit-keyframes slit { 50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out;} 100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; } } @-moz-keyframes slit { 50% { -moz-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -moz-animation-timing-function: ease-out;} 100% { -moz-transform: translateZ(0) rotateY(0deg); opacity: 1; } } @keyframes slit { 50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in;} 100% { transform: translateZ(0) rotateY(0deg); opacity: 1; } } /* @end */ /* @group Effect 14 */ /* Effect 14: 3D Rotate from bottom */ .socialPopupModalEffect-14.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-14 #socialPopupModalContentstacks_in_345 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateY(100%) rotateX(90deg); -moz-transform: translateY(100%) rotateX(90deg); -ms-transform: translateY(100%) rotateX(90deg); transform: translateY(100%) rotateX(90deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; -webkit-transition: all 1000ms ease-out; -moz-transition: all 1000ms ease-out; transition: all 1000ms ease-out; } .socialPopupModalShow.socialPopupModalEffect-14 #socialPopupModalContentstacks_in_345 { -webkit-transform: translateY(0%) rotateX(0deg); -moz-transform: translateY(0%) rotateX(0deg); -ms-transform: translateY(0%) rotateX(0deg); transform: translateY(0%) rotateX(0deg); opacity: 1; } /* @end */ /* @group Effect 15 */ /* Effect 15: 3D Rotate in from left */ .socialPopupModalEffect-15.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-15 #socialPopupModalContentstacks_in_345 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg); -moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg); -ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg); transform: translateZ(100px) translateX(-30%) rotateY(90deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-15 #socialPopupModalContentstacks_in_345 { -webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg); -moz-transform: translateZ(0px) translateX(0%) rotateY(0deg); -ms-transform: translateZ(0px) translateX(0%) rotateY(0deg); transform: translateZ(0px) translateX(0%) rotateY(0deg); opacity: 1; } /* @end */ /* */ /* @end */ /* @group Close button */ #sociableCloseButtonstacks_in_345 { position: absolute; top: 0; right: 0; padding: 0; margin: 0; color: #FFFFFF; font-size: 40px; line-height: 80px; width: 80px; text-align: center; text-decoration: none; background: none; border: none; outline: none; transition: all ease-in-out 300ms; } #sociableCloseButtonstacks_in_345 [class^="fa fa-"] { color: #FFFFFF; transition: all ease-in-out 300ms; } #sociableCloseButtonstacks_in_345:hover, #sociableCloseButtonstacks_in_345:hover [class^="fa fa-"] { color: #CDCDCD; } /* @end */ /* @group Radioactive Scroll Indicator */ @-webkit-keyframes radioactiveGlow { from { -webkit-box-shadow: 0 0 50px #FFFFFF; } 50% { -webkit-box-shadow: 0 0 0px #000000; } to { -webkit-box-shadow: 0 0 50px #FFFFFF; } } @-moz-keyframes radioactiveGlow { from { -moz-box-shadow: 0 0 50px #FFFFFF; } 50% { -moz-box-shadow: 0 0 0px #000000; } to { -moz-box-shadow: 0 0 50px #FFFFFF; } } @-ms-keyframes radioactiveGlow { from { -ms-box-shadow: 0 0 50px #FFFFFF; } 50% { -ms-box-shadow: 0 0 0px #000000; } to { -ms-box-shadow: 0 0 50px #FFFFFF; } } @keyframes radioactiveGlow { from { box-shadow: 0 0 50px #FFFFFF; } 50% { box-shadow: 0 0 0px #000000; } to { box-shadow: 0 0 50px #FFFFFF; } } #radioactiveScrollIndicatorstacks_in_345 { -webkit-animation-name: radioactiveGlow; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -moz-animation-name: radioactiveGlow; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite; -ms-animation-name: radioactiveGlow; -ms-animation-duration: 2s; -ms-animation-iteration-count: infinite; animation-name: radioactiveGlow; animation-duration: 2s; animation-iteration-count: infinite; position: fixed; bottom: -50px; left: 0px; width: 100%; height: 50px; background: #ffffff; display: none; } .socialPopupScrollable #radioactiveScrollIndicatorstacks_in_345 { display: block; } .modalScrolled #radioactiveScrollIndicatorstacks_in_345 { display: none; } /* @end */ /* @group Social Icon List */ #sociableIconWrapper *, #sociableIconWrapper *::after, #sociableIconWrapper *::before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #sociableIconWrapper { max-width: 1200px; margin: 60px auto; z-index: 1999; position: relative; } .socialIconArray { display: block; text-align: center; } .socialIconArray div { display: inline-block; width: auto; height: auto; line-height: 100px; text-align: center; position: relative; margin-bottom: 15px; text-align: center; line-height: 1.50em; font-size: 14px; z-index: 5; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; color: #FFFFFF; } .socialIconArray div:hover { color: #FFFFFF; } .socialIconArray div a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 10; } .socialIconArray div [class^="fa fa-"] { font-size: 60px; height: 100px; width: 100px; line-height: 100px; border-radius: 50px; position: relative; z-index: 5; border: 2px solid #FFFFFF; transition: all 300ms ease-in-out; overflow: hidden; display: block; margin: 15px; } .socialIconArray div:hover [class^="fa fa-"] { -webkit-box-shadow: 0px 0px 30px #FFFFFF; -moz-box-shadow: 0px 0px 30px #FFFFFF; box-shadow: 0px 0px 30px #FFFFFF; border: 2px solid #FFFFFF; } /* Sub headings */ .socialIconArray .subheading { margin-top: 15px; padding-top: 15px; font-size: 14px; display: block; float: none; color: #FFFFFF; } .socialIconArray .subheading a, .socialIconArray .subheading a:visited { color: #FFFFFF; text-decoration: underline; position: relative; top: auto; left: auto; width: auto; height: auto; display: inline; } .socialIconArray .subheading a:hover, .socialIconArray .subheading a:active { color: #FFFFFF; text-decoration: underline; } /* Utility icons */ #sociableUtilityIcons *, #sociableUtilityIcons *::after, #sociableUtilityIcons *::before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #sociableUtilityIcons { border-top: 1px solid #CDCDCD; margin-top: 20px; padding-top: 30px; display: block; } /* @end */ /* @group Print Styling */ @media print { #socialPopupstacks_in_345, #socialPopupModalOverlaystacks_in_345, #socialPopupTriggerButtonstacks_in_345 { display: none !important; } } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end *//* Font style applied when the page has finished loading */ #ExtraContentPlusstacks_in_347 #myExtraContent4, #ExtraContentPlusstacks_in_347 #fs { display: none; } /* @group Wrapper and reset */ #quoteSliderWrapperstacks_in_370 { -moz-box-shadow: 0 0 5px rgba(204, 204, 204, 1.00); -webkit-box-shadow: 0 0 5px rgba(204, 204, 204, 1.00); box-shadow: 0 0 5px rgba(204, 204, 204, 1.00); margin: 5px; /* Space needed for the shadow */ border-radius: 10px; padding-bottom: 3.00%; padding-top: 3.00%; position: relative; visibility: hidden; } #quoteSliderWidthWrapperstacks_in_370 { max-width: 800px; margin: 0 auto; position: relative; z-index: 1; } #quoteSliderWrapperstacks_in_370 ul, #quoteSliderWrapperstacks_in_370 li { padding: 0; margin: 0; list-style: none; } /* @end */ /* @group Title */ #quoteSliderTitlestacks_in_370 { font-size: 20px; display: block; color: rgba(253, 128, 8, 1.00); text-align: left; padding-bottom: 0.00%; border-bottom: 1px solid rgba(204, 204, 204, 1.00); width: 95.00%; margin: 0 auto 1.00%; font-weight: 400; } @media screen and (max-width: 800px) { #quoteSliderTitlestacks_in_370 { font-size: 16px; } } /* @end */ /* @group Background */ /* */ /* Solid colour fill */ #quoteSliderWrapperstacks_in_370 { background: rgba(0, 0, 0, 0.25); } #portholeStackstacks_in_370:hover #quoteSliderWrapperstacks_in_370 { background: rgba(0, 0, 0, 0.25); } /* */ /* @end */ /* @group BX Slider */ /** * BxSlider v4.1.2 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2014 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ #slider-wrapperstacks_in_370 { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; } /* @end */ #slider-wrapperstacks_in_370 img { max-width: 100%; display: block; } /** THEME ===================================*/ #slider-wrapperstacks_in_370 .bx-viewport { left: 0; background: transparent; /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } #slider-wrapperstacks_in_370 .bx-pager, #slider-wrapperstacks_in_370 .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* PAGER */ #QuoteSliderPagerstacks_in_370 .bx-pager, #QuoteSliderPagerFake .bx-pager { text-align: center; font-weight: bold; color: #C0C0C0; padding-top: 20px; } #QuoteSliderPagerstacks_in_370 .bx-pager .bx-pager-item, #QuoteSliderPagerstacks_in_370 .bx-controls-auto .bx-controls-auto-item, #QuoteSliderPagerFake .bx-pager .bx-pager-item, #QuoteSliderPagerFake .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } #QuoteSliderPagerstacks_in_370 .bx-pager.bx-default-pager a, #QuoteSliderPagerFake .bx-pager.bx-default-pager a { background: #C0C0C0; text-indent: -9999px; font-size: 0px; display: block; width: 12px; height: 12px; margin: 0 5px; outline: 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #QuoteSliderPagerstacks_in_370 .bx-pager.bx-default-pager a:hover, #QuoteSliderPagerstacks_in_370 .bx-pager.bx-default-pager a.active, #QuoteSliderPagerFake .bx-pager.bx-default-pager a:hover, #QuoteSliderPagerFake .bx-pager.bx-default-pager a.active { background: #E65926; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ #slider-wrapperstacks_in_370 .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } #slider-wrapperstacks_in_370 .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* @end */ /* @group Next / Previous buttons */ #nextstacks_in_370, #prevstacks_in_370 { position: absolute; font-size: 30px; z-index: 100; } #nextstacks_in_370 { right: 5px; top: 50%; } #prevstacks_in_370 { left: 5px; top: 50%; } #nextstacks_in_370 a, #prevstacks_in_370 a, #nextstacks_in_370 a [class^="fa fa-"], #prevstacks_in_370 a [class^="fa fa-"] { color: rgba(192, 192, 192, 1.00); text-decoration: none; outline: none; background: none; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #nextstacks_in_370 a:hover, #prevstacks_in_370 a:hover, #nextstacks_in_370 a:hover [class^="fa fa-"], #prevstacks_in_370 a:hover [class^="fa fa-"] { color: rgba(230, 89, 38, 1.00); text-decoration: none; outline: none; background: none; } #nextstacks_in_370 .disabled, #prevstacks_in_370 .disabled { display: none; } @media screen and (max-width: 800px) { #nextstacks_in_370, #prevstacks_in_370 { font-size: 25px; } } /* @end */ /* @group Quotes */ #quoteSliderWrapperstacks_in_370 li { font-size: 16px; font-style: italic; width: auto; display: block; color: rgba(230, 230, 230, 1.00); text-align: center; } #quoteSliderWrapperstacks_in_370 li a { color: %id=quoteslider_quotestaticlinks; background: none; outline: none; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #quoteSliderWrapperstacks_in_370 li a:hover { color: %id=quoteslider_quotehoverlinks; background: none; outline: none; } #quoteSliderWrapperstacks_in_370 li div { padding-bottom: 2.00%; padding-top: 2.00%; padding-left: 5.00%; padding-right: 5.00%; } @media screen and (max-width: 800px) { #quoteSliderWrapperstacks_in_370 li { font-size: 12px; } } /* @end */ /* @group Cites */ #quoteSliderWrapperstacks_in_370 li cite { display: block; font-style: italic; color: rgba(254, 204, 102, 1.00); margin-top: 8px; } /* @end */ @media print { #quoteSliderWrapperstacks_in_370 { display: none; } } #stacks_in_370 { background-color: rgba(0, 0, 0, 0.25); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 20px 10px 0px 10px; padding: 10px 10px 10px 10px; } /* Font style applied when the page has finished loading */ #ExtraContentPlusstacks_in_348 #myExtraContent5, #ExtraContentPlusstacks_in_348 #fs { display: none; } #stacks_in_348 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_376 { background-color: rgba(0, 0, 0, 0.25); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 20px 0px 0px 0px; padding: 10px 0px 10px 10px; } /* Font style applied when the page has finished loading */ #ExtraContentPlusstacks_in_349 #myExtraContent6, #ExtraContentPlusstacks_in_349 #fs { display: none; } /* Font style applied when the page has finished loading */ #ExtraContentPlusstacks_in_350 #myExtraContent7, #ExtraContentPlusstacks_in_350 #fs { display: none; } #highLightStackstacks_in_392 { position: relative; z-index: 0; overflow: hidden; padding: 0; margin: 0; outline: none; border: none; background: transparent; border-radius: 0px; } #highLightStackstacks_in_392 img { width: 100%; height: auto; position: relative; z-index: 1; } #highLightStackCaptionstacks_in_392 { color: rgba(255, 255, 255, 1.00); background: rgba(0, 0, 0, 0.80); position: absolute; z-index: 2; left: 0; width: 100%; font-size: 13px; } #highLightStackCaptionstacks_in_392, #highLightStackCaptionstacks_in_392 h1, #highLightStackCaptionstacks_in_392 h2, #highLightStackCaptionstacks_in_392 h3, #highLightStackCaptionstacks_in_392 h4, #highLightStackCaptionstacks_in_392 h5, #highLightStackCaptionstacks_in_392 h6, #highLightStackCaptionstacks_in_392 strong, #highLightStackCaptionstacks_in_392 a, #highLightStackCaptionstacks_in_392 a:visited, #highLightStackCaptionstacks_in_392 a:hover, #highLightStackCaptionstacks_in_392 a:active { font-size: 13px; color: rgba(255, 255, 255, 1.00); line-height: 1.50em; } #highLightCaptionContentstacks_in_392 { padding: 3.00%; } /* */ /* */ #highLightStackCaptionstacks_in_392 { bottom: 0; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } /* */ #highLightStackstacks_in_392 a { position: absolute; width: 100%; height: 100%; z-index: 3; top: 0; left: 0; display: block; border: none; outline: none; background: transparent; } @media screen and (max-width: 480px) { #highLightStackstacks_in_392 { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } #highLightStackCaptionstacks_in_392 { position: relative; top: auto; bottom: auto; left: auto; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } } /* */ #stacks_in_397 { padding: 10px 0px 0px 0px; } #stacks_in_398 { padding: 0px 5px 0px 5px; } /* Font style applied when the page has finished loading */ #ExtraContentPlusstacks_in_351 #myExtraContent8, #ExtraContentPlusstacks_in_351 #fs { display: none; } #stacks_in_353 { padding: 10px 0px 0px 0px; } /* Start Togglr stack CSS code */ html {-webkit-tap-highlight-color: rgba(0,0,0,0) !important; } h1.togglrtitle {color: #FD8008 !important; font-size: 20px !important; } .tabs > ul {color: #FD8008 !important; font-size: 20px !important;} .minimal.accordion > section {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #FAFAFA !important; } .minimal.tabs > section {-webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; background-color: #FAFAFA !important;} .minimal.tabs > ul > li {background-color: #FAFAFA !important; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .detached.dark.tabs > ul {color: #424242 !important;} .detached.light.tabs > ul {color: #424242 !important;} .clearfix { zoom: 1; } .clearfix:after { clear: both; } .clearfix:after, .clearfix:before { display: table; content: ""; } .accordion > section { display: block; } .accordion > section > :first-child + * { overflow: hidden; -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -o-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-property: height; -moz-transition-property: height; -o-transition-property: height; transition-property: height; } .js .accordion > section > :first-child { cursor: pointer; } .tabs { overflow-y: hidden; position: relative; } .tabs.cross-fade.transition { -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -o-transition-duration: 0.25s; transition-duration: 0.25s; } .tabs.cross-fade.transition > section { -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -o-transition-duration: 0.25s; transition-duration: 0.25s; } .js .tabs.hide-title > section > :first-child { display: none; } .tabs > section { width: 100%; } .js .tabs > section { opacity: 0; position: absolute; visibility: hidden; } .tabs > section[aria-expanded="true"] { opacity: 1; visibility: visible; } .tabs > ul { position: relative; z-index: 99; } .tabs > ul > li { cursor: pointer; padding: 8px 20px !important; } .clearfix { zoom: 1; } .clearfix:after { clear: both; } .clearfix:after, .clearfix:before { display: table; content: ""; } .clean { margin: 24px 0; } .clean:focus { outline: none; } .clean.accordion > section { padding: 24px; } .clean.accordion > section > * { max-width: 100%; } .clean.accordion > section > :first-child { background-color: #D6D6D6; color: #777777; font-size: 20px !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top: 0; } .js .clean.accordion > section { padding: 0; } .js .clean.accordion > section[aria-expanded="true"] > :first-child:before { visibility: hidden; color: #800002 !important; } .js .clean.accordion > section[aria-expanded="true"] > :first-child { color: #800002 !important; } .js .clean.accordion > section > :first-child { font-size: inherit; font-weight: inherit; margin: 0; padding: 6px 24px 6px 48px; position: relative; } .js .clean.accordion > section > :first-child + * > * { padding: 24px 24px 24px 28px; } .js .clean.accordion > section > :first-child + * > * > * { max-width: 100%; } .js .clean.accordion > section > :first-child + * > * > :first-child { margin-top: 0; } .js .clean.accordion > section > :first-child + * > * > :last-child { margin-bottom: 0; } .js .clean.accordion > section > :first-child:after { height: 2px; left: 0; top: 5px; width: 12px; } .js .clean.accordion > section > :first-child:after, .js .clean.accordion > section > :first-child:before { background-color: #000000; content: ""; display: block; margin: 25% 0 0 16px; position: absolute; } .js .clean.accordion > section > :first-child:before { height: 12px; left: 5px; top: 0; width: 2px; } .clean.accordion > section > :last-child { margin-bottom: 0; } .clean.accordion > section + section { margin-top: 0.75rem; } .js .clean.tabs.hide-title > section > :first-child + * { margin-top: 0; } .clean.tabs > section { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 24px 0; } .clean.tabs > section > * { max-width: 100%; } .clean.tabs > section > :first-child { margin-top: 0; } .js .clean.tabs > section > * > * { margin-top: 0; } .js .clean.tabs > section > * > * > * { max-width: 100%; } .js .clean.tabs > section > * > * > :first-child { margin-top: 0; } .js .clean.tabs > section > * > * > :last-child { margin-bottom: 0; } .clean.tabs > section > :last-child { margin-bottom: 0; } .clean.tabs > section + section { margin-top: -1px; } .js .clean.tabs > section + section { margin-top: 0; } .clean.tabs > ul { zoom: 1; display: table; list-style: none; margin: 0 0 -1px 0; padding: 0; } .clean.tabs > ul:after { clear: both; } .clean.tabs > ul:after, .clean.tabs > ul:before { display: table; content: ""; } .clean.tabs > ul > li { background-color: #D6D6D6; border-bottom: 1px solid transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #FD8008 !important; float: left; font-size: 20px !important; padding: 6px 24px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .clean.tabs > ul > li.current { border-bottom-color: #CCCCCC; pointer-events: none; color: #800002 !important; } .clean.tabs > ul > li + li { margin-left: 12px; } /* End Togglr stack CSS code */#stacks_in_1016.layouts-2-row > .layouts-2-content-width.layouts-2-el, #stacks_in_1016.layouts-2-row > div > div[tag="node"] { display: flex; width: 100%; margin: 0px auto 0px auto; background: transparent; flex-direction: row; flex-wrap: wrap-reverse; align-items: stretch; justify-content: flex-start; box-sizing: border-box; gap: 0px 48px; } #stacks_in_1016.layouts-2-row > .layouts-2-content-width.layouts-2-el > div:not(:first-child) { margin-left: 48px; } @supports (rotate:180deg) { #stacks_in_1016.layouts-2-row > .layouts-2-content-width.layouts-2-el > div:not(:first-child) { margin-left: 0; } } #stacks_in_1018.layouts-2-column, .layouts-2-row > div > div[tag="node"] > #stacks_out_1018.out { flex: 1; max-width: 500px; flex-basis: 240px; margin: 0; } .layouts-2-row > div > div[tag="node"] > #stacks_out_1018.out { overflow: visible; } .layouts-2-content-width > #stacks_in_1018.layouts-2-column:after, #stacks_out_1018:after { width: 240px; } @media all and (min-width: 901px) { #stacks_in_1018.layouts-2-column.hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 601px) { #stacks_in_1018.layouts-2-column.hide-tablet { display: none; } } @media all and (max-width: 600px) { #stacks_in_1018.layouts-2-column.hide-mobile { display: none; } } @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; } #noticeContainer_stacks_in_1205 { /* */ display: block; position: relative; } #noticeContainer_stacks_in_1205 .clearfix:before { content: " "; display: table; } #noticeContainer_stacks_in_1205 .clearfix:after { content: " "; display: table; clear: both; } #notice_stacks_in_1205 { /* */ /* */ opacity: 0; left: 0px; right: 0px; max-height: 70%; /* */ position: fixed; /* */ overflow-y: auto; visibility: hidden; /* */ z-index: 999999; /* */ max-width: 100%; /* */ /* */ /* */ /* */ top: 0px; /* */ /* */ /* */ /* */ /* */ margin-left: auto; margin-right: auto; /* */ /* */ /* */ /* */ background: rgba(30, 31, 41, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ /* */ font-family: "Nunito"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(255, 255, 255, 1.00); border-radius: 0px 0px 0px 0px; } #notice_stacks_in_1205.show { opacity: 1; visibility: visible; } #notice_stacks_in_1205.hide { opacity: 0; visibility: hidden; } #notice_stacks_in_1205.cookie-hide { display: none; } #notice_stacks_in_1205 .notice-inner-stacks { clear: both; margin: 0 auto; max-width: 960px; padding: 10px 10px 35px 10px; } #notice_stacks_in_1205 .notice-inner { clear: both; margin: 0 auto; max-width: 960px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 10px 10px 35px 10px; /* */ /* */ text-align: center; /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ } #notice_stacks_in_1205 .notice-inner-text { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; max-width: 100%; font-size: 16px; line-height: 22px; } #notice_stacks_in_1205 .notice-inner-icon { /* */ /* */ /* */ -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; color: rgba(255, 255, 255, 1.00); padding: 5px 20px 5px 10px; } #notice_stacks_in_1205 .notice-inner-icon i { font-size: 32px; vertical-align: middle; } #notice_stacks_in_1205 .notice-close-btn { float: right; color: rgba(255, 255, 255, 1.00); padding: 10px 10px 0px 10px; } #notice_stacks_in_1205 .notice-close-btn i { cursor: pointer; vertical-align: middle; } #notice_stacks_in_1205 .notice-action { height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* */ color: inherit; background: none; /* */ } #notice_stacks_in_1205 .notice-action i { vertical-align: middle; } #notice_stacks_in_1205 .notice-action-close { border-style: solid; border-width: 1px 0 0 0; border-color: rgba(255, 255, 255, 0.30); } #notice_stacks_in_1205 .notice-action-close:hover { /* */ } #notice_stacks_in_1205 .notice-action-custom { border-style: solid; border-width: 1px 0 0 1px; border-color: rgba(255, 255, 255, 0.30); } #notice_stacks_in_1205 .notice-action-custom:hover { /* */ } #notice_stacks_in_1205 .notice-action-custom a { color: inherit; width: 100%; height: 100%; /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ } #notice_stacks_in_1205 .notice-action-btn { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #notice_stacks_in_1205 .notice-action-btn:hover { cursor: pointer; } @media (max-width: 480px) { #notice_stacks_in_1205 .notice-action { -ms-flex-wrap: wrap; flex-wrap: wrap; height: 90px; } #notice_stacks_in_1205 .notice-action-custom { border-width: 1px 0 0 0; } #notice_stacks_in_1205 .notice-action div { height: 50%; width: 100%; } } /* */ @media all and (-ms-high-contrast: none) { #notice_stacks_in_1205 { width: 100%; } #notice_stacks_in_1205 *::-ms-backdrop, #notice_stacks_in_1205 #notice_stacks_in_1205 { width: 100%; } } /* */ /* */ #article-list-stacks_in_1020 { background-color : rgba(242, 242, 242, 1.00); } #article-list-stacks_in_1020 { padding: 8px 16px; max-width: 720px; border-radius: 8px; margin: 0px auto; box-sizing: border-box; } #article-list-stacks_in_1020 * { box-sizing: border-box; } #article-list-stacks_in_1020 .article-list-grid { margin: 0; padding: 0; list-style-type: none; } #article-list-stacks_in_1020 .article-list-grid-item { overflow: hidden; } #article-list-stacks_in_1020 .article-list-grid-item:last-child .article-outer { border-bottom: none; } #article-list-stacks_in_1020 .article-outer { padding: 16px 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.10); overflow: hidden; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } #article-list-stacks_in_1020 .article { display: flex; flex-direction: column; justify-content: center; align-items: center; } #article-list-stacks_in_1020 .article .article-top { width: 100%; display: grid; grid-template-columns: 80px 1fr; grid-gap: 16px; align-items: center; justify-items: center; } #article-list-stacks_in_1020 .article-list-grid-item.active-expand .article .article-top { grid-gap: 32px; } #article-list-stacks_in_1020.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_1020.float-right .article-list-grid-item.active-expand .article .article-top { align-items: flex-end; } #article-list-stacks_in_1020 .article .article-top.article-thumbnail-right { grid-template-columns: 1fr 80px; } #article-list-stacks_in_1020 .article .article-top.article-no-thumbnail { grid-template-columns: 1fr; } #article-list-stacks_in_1020 .article .article-top.article-thumbnail-right > .article-image { grid-column: 2; grid-row: 1; } #article-list-stacks_in_1020 .article .article-top.article-thumbnail-right > .article-header { grid-column: 1; grid-row: 1; } #article-list-stacks_in_1020 p, #article-list-stacks_in_1020 .article-content { font-size: 18px; line-height: 1.6; color: rgba(0, 0, 0, 0.60); } #article-list-stacks_in_1020 .article-title { margin: 0 0 4px 0; color: rgba(253, 128, 8, 1.00); font-size: 18px; line-height: 1.2; } #article-list-stacks_in_1020 .article-custom-head { color: rgba(253, 128, 8, 1.00); } #article-list-stacks_in_1020 .article-description { font-size: 14px; line-height: 1.3; color: rgba(0, 0, 0, 0.60); } #article-list-stacks_in_1020 .article-list-grid-item .article-info { margin: 5px 5px 0 0; font-size: 13px; display: inline-block; color: rgba(0, 0, 0, 0.60); line-height: 1.5; } #article-list-stacks_in_1020 .article-info .info-highlight { color: rgba(18, 132, 207, 1.00); } #article-list-stacks_in_1020 .article-info.info-1::before { content: 'By'; display: inline-block; } #article-list-stacks_in_1020 .article-info.info-2::before { content: 'Posted'; display: inline-block; } #article-list-stacks_in_1020 .article-info span { margin-left: 3px; } #article-list-stacks_in_1020 .article-header { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 100%; overflow: hidden; } #article-list-stacks_in_1020 .article-image { background: rgba(51, 51, 51, 1.00); width: 80px; height: 80px; border-radius: 40px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; overflow: hidden; position: relative; background-size: cover; background-position: center; } #article-list-stacks_in_1020 .article-featured-image { display: none; } #article-list-stacks_in_1020 .article-image::before, #article-list-stacks_in_1020 .article-image .article-image-icon { content: ''; top: 0; left: 0; z-index: 2; opacity: 0; width: 100%; height: 100%; position: absolute; pointer-events: none; } #article-list-stacks_in_1020 .article-image::before { z-index: 4; opacity: 0.5; transition: opacity 0.3s ease; } #article-list-stacks_in_1020 .article-image .article-image-icon { opacity: 1; color: rgba(255, 255, 255, 1.00); fill: rgba(255, 255, 255, 1.00); left: 50%; transform: translate(-50%,0); width: 40.000000px; text-align: center; } #article-list-stacks_in_1020 .article-image .article-image-icon i { font-size: 40.000000px; line-height: 80px; } #article-list-stacks_in_1020 .article-image .article-image-icon-hover { opacity: 0; } #article-list-stacks_in_1020 .article-back-arrow { display: inline-block; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; } #article-list-stacks_in_1020 .article-image img { width: 100%; z-index: 3; height: auto; position: relative; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; border-radius: 40px; } #article-list-stacks_in_1020 .article-content { margin: 32px 0 0 0; padding: 24.000000px 0; border-top: 1px solid rgba(0, 0, 0, 0.10); } /* */ #article-list-stacks_in_1020 .article-content { width: 720px; visibility: hidden; position: absolute; pointer-events: none; } #article-list-stacks_in_1020 .article-content, #article-list-stacks_in_1020 .article-content * { visibility: hidden; } /* */ #article-list-stacks_in_1020.hide-divider .article-content { margin: 0; border-top: 0px solid transparent; } #article-list-stacks_in_1020 .article h1, #article-list-stacks_in_1020 .article h2, #article-list-stacks_in_1020 .article h3, #article-list-stacks_in_1020 .article h4, #article-list-stacks_in_1020 .article h5, #article-list-stacks_in_1020 .article h6 { color: rgba(253, 128, 8, 1.00); } #article-list-stacks_in_1020 .article-content p a, #article-list-stacks_in_1020 .article-content p a:visited { text-decoration: underline; color: rgba(18, 132, 207, 1.00); } #article-list-stacks_in_1020 .article-content p a:hover { color: rgba(2, 116, 191, 1.00); } #article-list-stacks_in_1020 .article-close { color: rgba(0, 0, 0, 0.85); padding-bottom: 16px; width: 100%; display: none; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #article-list-stacks_in_1020 .article-close .article-back-arrow { margin-right: 10px; width: 32px; height: 32px; } #article-list-stacks_in_1020 .article-close .article-back-arrow svg { stroke: rgba(0, 0, 0, 0.85); color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_1020 .article-list-grid-item:not(.active):hover { cursor: pointer; } #article-list-stacks_in_1020 .article-list-grid-item:not(.active):hover .article-title, #article-list-stacks_in_1020 .article-list-grid-item:not(.active):hover .article-description { text-decoration: underline; } #article-list-stacks_in_1020 .article-list-grid-item:not(.active):hover .article-image { overflow: hidden; } #article-list-stacks_in_1020 .article-list-grid-item:not(.active):hover .article-image::before { opacity: 0.5; background: rgba(51, 51, 51, 1.00); } #article-list-stacks_in_1020 .article-list-grid-item:not(.active):hover .article-image .article-image-icon { opacity: 0; } #article-list-stacks_in_1020 .article-list-grid-item:not(.active):hover .article-image .article-image-icon-hover { opacity: 1; z-index: 4; color: rgba(255, 255, 255, 1.00); } #article-list-stacks_in_1020 .article-list-grid-item.active .article-outer::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; z-index: 5; display: block; position: fixed; transition: all 0.3s ease; -webkit-transform: translateY(100%); transform: translateY(100%); box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); -webkit-animation: article-bg-expand 0.5s 0.5s; animation: article-bg-expand 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; pointer-events: none;} #article-list-stacks_in_1020 .article-list-grid-item.active .article-outer::before { background-color : rgba(242, 242, 242, 1.00); } #article-list-stacks_in_1020 .article-list-grid-item.active .article { -webkit-animation: article-active 0.3s, article-open 0.5s 0.6s; animation: article-active 0.3s, article-open 0.5s 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #article-list-stacks_in_1020 .article-list-grid-item.active-expand .article-outer { width: 100%; top: 0; left: 0; right: 0; bottom: 0; position: fixed; overflow-y: scroll; z-index: 9999; padding: 16px 0px; } #article-list-stacks_in_1020 .article-list-grid-item.active-expand .article { z-index: 7; margin: 0 auto; position: relative; flex-direction: column; } #article-list-stacks_in_1020 .article-list-grid-item.active-expand .article .article-close, #article-list-stacks_in_1020.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_1020.float-right .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_1020.fill-header .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_1020.full-width .article-list-grid-item.active-expand .article .article-header, #article-list-stacks_in_1020 .article-list-grid-item.active-expand .article .article-content { width: 720px; max-width: calc(100% - 48px); } #article-list-stacks_in_1020 .article-list-grid-item .article-links, #article-list-stacks_in_1020.fill-header .article-list-grid-item.active-expand .article-thumbnail, #article-list-stacks_in_1020.full-width .article-list-grid-item.active-expand .article-thumbnail, #article-list-stacks_in_1020.fill-header .article-list-grid-item.active-expand .article-thumbnail.article-has-image, #article-list-stacks_in_1020.full-width .article-list-grid-item.active-expand .article-thumbnail.article-has-image, #article-list-stacks_in_1020 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail, #article-list-stacks_in_1020 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail { display: none; } #article-list-stacks_in_1020 .article-list-grid-item.active-expand .article-links { display: flex; } #article-list-stacks_in_1020 .article-list-grid-item.active-expand .article-featured-image { display: block; } #article-list-stacks_in_1020.float-left .article-list-grid-item.active-expand .article-image, #article-list-stacks_in_1020.float-right .article-list-grid-item.active-expand .article-image { width: 200px; height: 200px; border-radius: 200px; } #article-list-stacks_in_1020.full-width .article-list-grid-item.active-expand .article-image.article-featured-image, #article-list-stacks_in_1020.fill-header .article-list-grid-item.active-expand .article-image.article-featured-image { border-radius: 0px; } #article-list-stacks_in_1020.float-left .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 200px 1fr; justify-items: stretch; } #article-list-stacks_in_1020.float-left .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 1; grid-row: 1; } #article-list-stacks_in_1020.float-left .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 2; grid-row: 1; } #article-list-stacks_in_1020.float-left .article-list-grid-item.active-expand .article .article-top > .article-header:first-child { grid-column: -1/1; grid-row: 1; } #article-list-stacks_in_1020.float-right .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 1fr 200px; justify-items: stretch; align-items: stretch; } #article-list-stacks_in_1020.float-right .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 2; grid-row: 1; } #article-list-stacks_in_1020.float-right .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 1; grid-row: 1; } #article-list-stacks_in_1020.float-right .article-list-grid-item.active-expand .article .article-top > .article-header:first-child { grid-column: -1/1; grid-row: 1; } #article-list-stacks_in_1020.full-width .article-list-grid-item.active-expand .article-top { width: 1280px; max-width: 100%; } #article-list-stacks_in_1020.fill-header .article-list-grid-item.active-expand .article-top { width: 720px; max-width: 100%; } #article-list-stacks_in_1020.fill-header .article-list-grid-item.active-expand .article-image, #article-list-stacks_in_1020.full-width .article-list-grid-item.active-expand .article-image { width: 100%; padding-top: 56.25%; } @media all and (max-width: 660px) { #article-list-stacks_in_1020.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_1020.float-right .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 1fr; } #article-list-stacks_in_1020.float-left .article-list-grid-item.active-expand .article .article-top > .article-image, #article-list-stacks_in_1020.float-right .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 1; grid-row: 1; max-width: 100%; } #article-list-stacks_in_1020.float-left .article-list-grid-item.active-expand .article .article-top > .article-header, #article-list-stacks_in_1020.float-right .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 1; grid-row: 2; width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding-left: 0; max-width: 100%; } } @media all and (max-width: 1280px) { #article-list-stacks_in_1020.full-width .article-list-grid-item.active-expand .article-image.article-featured-image { border-radius: 0px; } } #article-list-stacks_in_1020.fill-header .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_1020.full-width .article-list-grid-item.active-expand .article .article-top { display: flex; flex-direction: column; } #article-list-stacks_in_1020.fill-header .article-list-grid-item.active-expand .article .article-top > .article-image, #article-list-stacks_in_1020.full-width .article-list-grid-item.active-expand .article .article-top > .article-image { grid-row: 1; grid-column: 1; } #article-list-stacks_in_1020.fill-header .article-list-grid-item.active-expand .article .article-top > .article-header, #article-list-stacks_in_1020.full-width .article-list-grid-item.active-expand .article .article-top > .article-header { grid-row: 2; grid-column: 1; } #article-list-stacks_in_1020 .article-list-grid-item.active-expand .article-info.info-2::before { margin-left: 0; } #article-list-stacks_in_1020 .article-list-grid-item.active-expand { font-size: 18px; } #article-list-stacks_in_1020 .active-expand .article-title { font-size: 32px; } #article-list-stacks_in_1020 .active-expand .article-info { font-size: 15px; } #article-list-stacks_in_1020 .article-links { font-size: 14px; margin-top: 12px; } #article-list-stacks_in_1020 .article-links i { font-size: 22px; } #article-list-stacks_in_1020 .article-links > div[tag="node"], #article-list-stacks_in_1020 .article-links { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } #article-list-stacks_in_1020 .article-links svg { height: 22px; width: 22px; } #article-list-stacks_in_1020 .article-links .content-1ld-button { margin-right: 12px; } #article-list-stacks_in_1020 .article-description { margin: 0; } #article-list-stacks_in_1020 .active-expand .article-description { overflow: hidden; white-space: normal; text-overflow: clip; -webkit-line-clamp: 999; margin: 0 0 4px 0; font-size: 20px; font-style: italic; } #article-list-stacks_in_1020.float-right .article-list-grid-item.active-expand .article-header, #article-list-stacks_in_1020.float-left .article-list-grid-item.active-expand .article-header { padding-right: 0; } #article-list-stacks_in_1020 .article-list-grid-item.active-expand .article-content { position: relative; pointer-events: auto; display: block; height: 100%; width: 100%; } #article-list-stacks_in_1020 .article-list-grid-item.active-expand .article-content, #article-list-stacks_in_1020 .article-list-grid-item.active-expand .article-content * { visibility: visible; } #article-list-stacks_in_1020 .article-list-grid-item.active-expand .article-image img { transition: none; } #article-list-stacks_in_1020.float-left .article-list-grid-item.active-expand .article-image .article-image-icon, #article-list-stacks_in_1020.float-right .article-list-grid-item.active-expand .article-image .article-image-icon { width: 200px; height: 200px; } #article-list-stacks_in_1020.float-left .article-list-grid-item.active-expand .article-image .article-image-icon i, #article-list-stacks_in_1020.float-right .article-list-grid-item.active-expand .article-image .article-image-icon i { line-height: 200px; font-size: 100.000000px; } #article-list-stacks_in_1020 .article-list-grid-item.active-expand .article-close { display: -webkit-box; display: -ms-flexbox; display: flex; } #article-list-stacks_in_1020 .article-list-grid-item.active-close .article-outer { -webkit-transform: translateY(100%); transform: translateY(100%); } #article-list-stacks_in_1020 .article-list-grid-item:not(.active-expand) .article-title, #article-list-stacks_in_1020.ellipsed .article-list-grid-item:not(.active-expand) .article-description { /* */ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; /* */ } #article-list-stacks_in_1020 .article-list-grid-item:not(.active-expand) .article-title { -webkit-line-clamp: 1; } @-webkit-keyframes article-active { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes article-active { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @-webkit-keyframes article-open { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes article-open { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes article-bg-expand { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes article-bg-expand { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } /* */ #c1ld_stacks_in_1140,#c1ld_stacks_in_1140 > svg,.mez p#c1ld_stacks_in_1140 + div {}#c1ld_stacks_in_1140.content-1ld-button a {grid-gap: 2px;border: 0px solid rgba(0, 0, 0, 0.15);border-radius: 4px;background-color: rgba(255, 255, 255, 0.00);color: rgba(0, 0, 0, 0.60);margin-left: 0;margin-right: 0;padding: 0px 0px;}#c1ld_stacks_in_1140.content-1ld-button a div {line-height: 1;}#c1ld_stacks_in_1140.content-1ld-button a:hover {border-color: rgba(0, 0, 0, 0.00);background-color: rgba(255, 255, 255, 0.00);color: rgba(0, 0, 0, 0.75);}#c1ld_stacks_in_1140.content-1ld-button.content-1ld-content a > svg {fill: rgba(0, 0, 0, 0.60);stroke: rgba(0, 0, 0, 0.60);}#c1ld_stacks_in_1140.content-1ld-button.content-1ld-content a:hover > svg {fill: rgba(0, 0, 0, 0.75);stroke: rgba(0, 0, 0, 0.75);}.mez #c1ld_stacks_in_1140 a {margin-top: 1px;}#c1ld_stacks_in_1140.content-1ld-content {margin: 0;} #c1ld_stacks_in_1022,#c1ld_stacks_in_1022 > svg,.mez p#c1ld_stacks_in_1022 + div {text-align: left;}#c1ld_stacks_in_1022 {clear: both;}#c1ld_stacks_in_1022.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_1022[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} #c1ld_stacks_in_1025,#c1ld_stacks_in_1025 > svg,.mez p#c1ld_stacks_in_1025 + div {text-align: left;}#c1ld_stacks_in_1025 {clear: both;}#c1ld_stacks_in_1025.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_1025[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} #c1ld_stacks_in_1142,#c1ld_stacks_in_1142 > svg,.mez p#c1ld_stacks_in_1142 + div {}#c1ld_stacks_in_1142.content-1ld-button a {grid-gap: 2px;border: 0px solid rgba(0, 0, 0, 0.15);border-radius: 4px;background-color: rgba(255, 255, 255, 0.00);color: rgba(0, 0, 0, 0.60);margin-left: 0;margin-right: 0;padding: 0px 0px;}#c1ld_stacks_in_1142.content-1ld-button a div {line-height: 1;}#c1ld_stacks_in_1142.content-1ld-button a:hover {border-color: rgba(0, 0, 0, 0.00);background-color: rgba(255, 255, 255, 0.00);color: rgba(0, 0, 0, 0.75);}#c1ld_stacks_in_1142.content-1ld-button.content-1ld-content a > svg {fill: rgba(0, 0, 0, 0.60);stroke: rgba(0, 0, 0, 0.60);}#c1ld_stacks_in_1142.content-1ld-button.content-1ld-content a:hover > svg {fill: rgba(0, 0, 0, 0.75);stroke: rgba(0, 0, 0, 0.75);}.mez #c1ld_stacks_in_1142 a {margin-top: 1px;}#c1ld_stacks_in_1142.content-1ld-content {margin: 0;} #c1ld_stacks_in_1030,#c1ld_stacks_in_1030 > svg,.mez p#c1ld_stacks_in_1030 + div {text-align: left;}#c1ld_stacks_in_1030 {clear: both;}#c1ld_stacks_in_1030.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_1030[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} #c1ld_stacks_in_1033,#c1ld_stacks_in_1033 > svg,.mez p#c1ld_stacks_in_1033 + div {text-align: left;}#c1ld_stacks_in_1033 {clear: both;}#c1ld_stacks_in_1033.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_1033[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} #stacks_in_1040.layouts-2-column, .layouts-2-row > div > div[tag="node"] > #stacks_out_1040.out { flex: 1; max-width: 540px; flex-basis: 180px; margin: 0; } .layouts-2-row > div > div[tag="node"] > #stacks_out_1040.out { overflow: visible; } .layouts-2-content-width > #stacks_in_1040.layouts-2-column:after, #stacks_out_1040:after { width: 180px; } @media all and (min-width: 901px) { #stacks_in_1040.layouts-2-column.hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 601px) { #stacks_in_1040.layouts-2-column.hide-tablet { display: none; } } @media all and (max-width: 600px) { #stacks_in_1040.layouts-2-column.hide-mobile { display: none; } } #stacks_in_1041 { padding: 0px 0px 0px 15px; } #stacks_in_1044 { padding: 0px 0px 0px 20px; } @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; } #noticeContainer_stacks_in_1211 { /* */ display: block; position: relative; } #noticeContainer_stacks_in_1211 .clearfix:before { content: " "; display: table; } #noticeContainer_stacks_in_1211 .clearfix:after { content: " "; display: table; clear: both; } #notice_stacks_in_1211 { /* */ /* */ opacity: 0; left: 10px; right: 10px; max-height: 80%; /* */ position: fixed; /* */ overflow-y: auto; visibility: hidden; /* */ z-index: 1000; /* */ /* */ max-width: 550px; /* */ /* */ /* */ top: 50px; /* */ /* */ /* */ /* */ /* */ margin-left: auto; margin-right: auto; /* */ /* */ /* */ /* */ background: rgba(250, 250, 250, 1.00); /* */ /* */ /* */ /* */ /* */ box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10); /* */ /* */ /* */ font-family: "Nunito"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(84, 110, 122, 1.00); border-radius: 5px 5px 5px 5px; } #notice_stacks_in_1211.show { opacity: 1; visibility: visible; } #notice_stacks_in_1211.hide { opacity: 0; visibility: hidden; } #notice_stacks_in_1211.cookie-hide { display: none; } #notice_stacks_in_1211 .notice-inner-stacks { clear: both; margin: 0 auto; max-width: 960px; padding: 10px 30px 50px 30px; } #notice_stacks_in_1211 .notice-inner { clear: both; margin: 0 auto; max-width: 960px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 10px 30px 50px 30px; /* */ /* */ text-align: center; /* */ /* */ /* */ } #notice_stacks_in_1211 .notice-inner-text { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; max-width: 100%; font-size: 16px; line-height: 22px; } #notice_stacks_in_1211 .notice-inner-icon { /* */ /* */ /* */ text-align: center; /* */ /* */ /* */ /* */ /* */ -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; color: rgba(255, 193, 7, 1.00); padding: 0px 10px 30px 10px; } #notice_stacks_in_1211 .notice-inner-icon i { font-size: 50px; vertical-align: middle; } #notice_stacks_in_1211 .notice-close-btn { float: right; color: rgba(84, 110, 122, 1.00); padding: 10px 10px 0px 10px; } #notice_stacks_in_1211 .notice-close-btn i { cursor: pointer; vertical-align: middle; } #notice_stacks_in_1211 .notice-action { height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* */ color: rgba(84, 110, 122, 1.00); background: rgba(250, 250, 250, 1.00); /* */ } #notice_stacks_in_1211 .notice-action i { vertical-align: middle; } #notice_stacks_in_1211 .notice-action-close { border-style: solid; border-width: 1px 0 0 0; border-color: rgba(0, 0, 0, 0.10); } #notice_stacks_in_1211 .notice-action-close:hover { /* */ color: rgba(229, 57, 53, 1.00); background: rgba(250, 250, 250, 1.00); /* */ } #notice_stacks_in_1211 .notice-action-custom { border-style: solid; border-width: 1px 0 0 1px; border-color: rgba(0, 0, 0, 0.10); } #notice_stacks_in_1211 .notice-action-custom:hover { /* */ color: rgba(255, 255, 255, 1.00); background: rgba(101, 31, 255, 1.00); /* */ } #notice_stacks_in_1211 .notice-action-custom a { color: inherit; width: 100%; height: 100%; /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ } #notice_stacks_in_1211 .notice-action-btn { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #notice_stacks_in_1211 .notice-action-btn:hover { cursor: pointer; } @media (max-width: 480px) { #notice_stacks_in_1211 .notice-action { -ms-flex-wrap: wrap; flex-wrap: wrap; height: 90px; } #notice_stacks_in_1211 .notice-action-custom { border-width: 1px 0 0 0; } #notice_stacks_in_1211 .notice-action div { height: 50%; width: 100%; } } /* */ @media all and (-ms-high-contrast: none) { #notice_stacks_in_1211 { width: 100%; } #notice_stacks_in_1211 *::-ms-backdrop, #notice_stacks_in_1211 #notice_stacks_in_1211 { width: 100%; } } /* */ #stacks_in_1213_float { float:left; width:50%; } #stacks_in_1216 { margin: 10px; } #stacks_in_1049.layouts-2-row > .layouts-2-content-width.layouts-2-el, #stacks_in_1049.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_1049.layouts-2-row > .layouts-2-content-width.layouts-2-el > div:not(:first-child) { margin-left: 48px; } @supports (rotate:180deg) { #stacks_in_1049.layouts-2-row > .layouts-2-content-width.layouts-2-el > div:not(:first-child) { margin-left: 0; } } #stacks_in_1051.layouts-2-column, .layouts-2-row > div > div[tag="node"] > #stacks_out_1051.out { flex: 1; max-width: 540px; flex-basis: 180px; margin: 0; } .layouts-2-row > div > div[tag="node"] > #stacks_out_1051.out { overflow: visible; } .layouts-2-content-width > #stacks_in_1051.layouts-2-column:after, #stacks_out_1051:after { width: 180px; } @media all and (min-width: 901px) { #stacks_in_1051.layouts-2-column.hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 601px) { #stacks_in_1051.layouts-2-column.hide-tablet { display: none; } } @media all and (max-width: 600px) { #stacks_in_1051.layouts-2-column.hide-mobile { display: none; } } /* */ #article-list-stacks_in_1057 { background-color : rgba(242, 242, 242, 1.00); } #article-list-stacks_in_1057 { padding: 8px 16px; max-width: 720px; border-radius: 8px; margin: 0px auto; box-sizing: border-box; } #article-list-stacks_in_1057 * { box-sizing: border-box; } #article-list-stacks_in_1057 .article-list-grid { margin: 0; padding: 0; list-style-type: none; } #article-list-stacks_in_1057 .article-list-grid-item { overflow: hidden; } #article-list-stacks_in_1057 .article-list-grid-item:last-child .article-outer { border-bottom: none; } #article-list-stacks_in_1057 .article-outer { padding: 16px 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.10); overflow: hidden; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } #article-list-stacks_in_1057 .article { display: flex; flex-direction: column; justify-content: center; align-items: center; } #article-list-stacks_in_1057 .article .article-top { width: 100%; display: grid; grid-template-columns: 80px 1fr; grid-gap: 16px; align-items: center; justify-items: center; } #article-list-stacks_in_1057 .article-list-grid-item.active-expand .article .article-top { grid-gap: 32px; } #article-list-stacks_in_1057.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_1057.float-right .article-list-grid-item.active-expand .article .article-top { align-items: flex-end; } #article-list-stacks_in_1057 .article .article-top.article-thumbnail-right { grid-template-columns: 1fr 80px; } #article-list-stacks_in_1057 .article .article-top.article-no-thumbnail { grid-template-columns: 1fr; } #article-list-stacks_in_1057 .article .article-top.article-thumbnail-right > .article-image { grid-column: 2; grid-row: 1; } #article-list-stacks_in_1057 .article .article-top.article-thumbnail-right > .article-header { grid-column: 1; grid-row: 1; } #article-list-stacks_in_1057 p, #article-list-stacks_in_1057 .article-content { font-size: 18px; line-height: 1.6; color: rgba(0, 0, 0, 0.60); } #article-list-stacks_in_1057 .article-title { margin: 0 0 4px 0; color: rgba(253, 128, 8, 1.00); font-size: 18px; line-height: 1.2; } #article-list-stacks_in_1057 .article-custom-head { color: rgba(253, 128, 8, 1.00); } #article-list-stacks_in_1057 .article-description { font-size: 14px; line-height: 1.3; color: rgba(0, 0, 0, 0.60); } #article-list-stacks_in_1057 .article-list-grid-item .article-info { margin: 5px 5px 0 0; font-size: 13px; display: inline-block; color: rgba(0, 0, 0, 0.60); line-height: 1.5; } #article-list-stacks_in_1057 .article-info .info-highlight { color: rgba(18, 132, 207, 1.00); } #article-list-stacks_in_1057 .article-info.info-1::before { content: 'By'; display: inline-block; } #article-list-stacks_in_1057 .article-info.info-2::before { content: 'Posted'; display: inline-block; } #article-list-stacks_in_1057 .article-info span { margin-left: 3px; } #article-list-stacks_in_1057 .article-header { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 100%; overflow: hidden; } #article-list-stacks_in_1057 .article-image { background: rgba(51, 51, 51, 1.00); width: 80px; height: 80px; border-radius: 40px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; overflow: hidden; position: relative; background-size: cover; background-position: center; } #article-list-stacks_in_1057 .article-featured-image { display: none; } #article-list-stacks_in_1057 .article-image::before, #article-list-stacks_in_1057 .article-image .article-image-icon { content: ''; top: 0; left: 0; z-index: 2; opacity: 0; width: 100%; height: 100%; position: absolute; pointer-events: none; } #article-list-stacks_in_1057 .article-image::before { z-index: 4; opacity: 0.5; transition: opacity 0.3s ease; } #article-list-stacks_in_1057 .article-image .article-image-icon { opacity: 1; color: rgba(255, 255, 255, 1.00); fill: rgba(255, 255, 255, 1.00); left: 50%; transform: translate(-50%,0); width: 40.000000px; text-align: center; } #article-list-stacks_in_1057 .article-image .article-image-icon i { font-size: 40.000000px; line-height: 80px; } #article-list-stacks_in_1057 .article-image .article-image-icon-hover { opacity: 0; } #article-list-stacks_in_1057 .article-back-arrow { display: inline-block; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; } #article-list-stacks_in_1057 .article-image img { width: 100%; z-index: 3; height: auto; position: relative; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; border-radius: 40px; } #article-list-stacks_in_1057 .article-content { margin: 32px 0 0 0; padding: 24.000000px 0; border-top: 1px solid rgba(0, 0, 0, 0.10); } /* */ #article-list-stacks_in_1057 .article-content { width: 720px; visibility: hidden; position: absolute; pointer-events: none; } #article-list-stacks_in_1057 .article-content, #article-list-stacks_in_1057 .article-content * { visibility: hidden; } /* */ #article-list-stacks_in_1057.hide-divider .article-content { margin: 0; border-top: 0px solid transparent; } #article-list-stacks_in_1057 .article h1, #article-list-stacks_in_1057 .article h2, #article-list-stacks_in_1057 .article h3, #article-list-stacks_in_1057 .article h4, #article-list-stacks_in_1057 .article h5, #article-list-stacks_in_1057 .article h6 { color: rgba(253, 128, 8, 1.00); } #article-list-stacks_in_1057 .article-content p a, #article-list-stacks_in_1057 .article-content p a:visited { text-decoration: underline; color: rgba(18, 132, 207, 1.00); } #article-list-stacks_in_1057 .article-content p a:hover { color: rgba(2, 116, 191, 1.00); } #article-list-stacks_in_1057 .article-close { color: rgba(0, 0, 0, 0.85); padding-bottom: 16px; width: 100%; display: none; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #article-list-stacks_in_1057 .article-close .article-back-arrow { margin-right: 10px; width: 32px; height: 32px; } #article-list-stacks_in_1057 .article-close .article-back-arrow svg { stroke: rgba(0, 0, 0, 0.85); color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_1057 .article-list-grid-item:not(.active):hover { cursor: pointer; } #article-list-stacks_in_1057 .article-list-grid-item:not(.active):hover .article-title, #article-list-stacks_in_1057 .article-list-grid-item:not(.active):hover .article-description { text-decoration: underline; } #article-list-stacks_in_1057 .article-list-grid-item:not(.active):hover .article-image { overflow: hidden; } #article-list-stacks_in_1057 .article-list-grid-item:not(.active):hover .article-image::before { opacity: 0.5; background: rgba(51, 51, 51, 1.00); } #article-list-stacks_in_1057 .article-list-grid-item:not(.active):hover .article-image .article-image-icon { opacity: 0; } #article-list-stacks_in_1057 .article-list-grid-item:not(.active):hover .article-image .article-image-icon-hover { opacity: 1; z-index: 4; color: rgba(255, 255, 255, 1.00); } #article-list-stacks_in_1057 .article-list-grid-item.active .article-outer::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; z-index: 5; display: block; position: fixed; transition: all 0.3s ease; -webkit-transform: translateY(100%); transform: translateY(100%); box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); -webkit-animation: article-bg-expand 0.5s 0.5s; animation: article-bg-expand 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; pointer-events: none;} #article-list-stacks_in_1057 .article-list-grid-item.active .article-outer::before { background-color : rgba(242, 242, 242, 1.00); } #article-list-stacks_in_1057 .article-list-grid-item.active .article { -webkit-animation: article-active 0.3s, article-open 0.5s 0.6s; animation: article-active 0.3s, article-open 0.5s 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #article-list-stacks_in_1057 .article-list-grid-item.active-expand .article-outer { width: 100%; top: 0; left: 0; right: 0; bottom: 0; position: fixed; overflow-y: scroll; z-index: 9999; padding: 16px 0px; } #article-list-stacks_in_1057 .article-list-grid-item.active-expand .article { z-index: 7; margin: 0 auto; position: relative; flex-direction: column; } #article-list-stacks_in_1057 .article-list-grid-item.active-expand .article .article-close, #article-list-stacks_in_1057.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_1057.float-right .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_1057.fill-header .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_1057.full-width .article-list-grid-item.active-expand .article .article-header, #article-list-stacks_in_1057 .article-list-grid-item.active-expand .article .article-content { width: 720px; max-width: calc(100% - 48px); } #article-list-stacks_in_1057 .article-list-grid-item .article-links, #article-list-stacks_in_1057.fill-header .article-list-grid-item.active-expand .article-thumbnail, #article-list-stacks_in_1057.full-width .article-list-grid-item.active-expand .article-thumbnail, #article-list-stacks_in_1057.fill-header .article-list-grid-item.active-expand .article-thumbnail.article-has-image, #article-list-stacks_in_1057.full-width .article-list-grid-item.active-expand .article-thumbnail.article-has-image, #article-list-stacks_in_1057 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail, #article-list-stacks_in_1057 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail { display: none; } #article-list-stacks_in_1057 .article-list-grid-item.active-expand .article-links { display: flex; } #article-list-stacks_in_1057 .article-list-grid-item.active-expand .article-featured-image { display: block; } #article-list-stacks_in_1057.float-left .article-list-grid-item.active-expand .article-image, #article-list-stacks_in_1057.float-right .article-list-grid-item.active-expand .article-image { width: 200px; height: 200px; border-radius: 200px; } #article-list-stacks_in_1057.full-width .article-list-grid-item.active-expand .article-image.article-featured-image, #article-list-stacks_in_1057.fill-header .article-list-grid-item.active-expand .article-image.article-featured-image { border-radius: 0px; } #article-list-stacks_in_1057.float-left .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 200px 1fr; justify-items: stretch; } #article-list-stacks_in_1057.float-left .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 1; grid-row: 1; } #article-list-stacks_in_1057.float-left .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 2; grid-row: 1; } #article-list-stacks_in_1057.float-left .article-list-grid-item.active-expand .article .article-top > .article-header:first-child { grid-column: -1/1; grid-row: 1; } #article-list-stacks_in_1057.float-right .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 1fr 200px; justify-items: stretch; align-items: stretch; } #article-list-stacks_in_1057.float-right .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 2; grid-row: 1; } #article-list-stacks_in_1057.float-right .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 1; grid-row: 1; } #article-list-stacks_in_1057.float-right .article-list-grid-item.active-expand .article .article-top > .article-header:first-child { grid-column: -1/1; grid-row: 1; } #article-list-stacks_in_1057.full-width .article-list-grid-item.active-expand .article-top { width: 1280px; max-width: 100%; } #article-list-stacks_in_1057.fill-header .article-list-grid-item.active-expand .article-top { width: 720px; max-width: 100%; } #article-list-stacks_in_1057.fill-header .article-list-grid-item.active-expand .article-image, #article-list-stacks_in_1057.full-width .article-list-grid-item.active-expand .article-image { width: 100%; padding-top: 56.25%; } @media all and (max-width: 660px) { #article-list-stacks_in_1057.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_1057.float-right .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 1fr; } #article-list-stacks_in_1057.float-left .article-list-grid-item.active-expand .article .article-top > .article-image, #article-list-stacks_in_1057.float-right .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 1; grid-row: 1; max-width: 100%; } #article-list-stacks_in_1057.float-left .article-list-grid-item.active-expand .article .article-top > .article-header, #article-list-stacks_in_1057.float-right .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 1; grid-row: 2; width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding-left: 0; max-width: 100%; } } @media all and (max-width: 1280px) { #article-list-stacks_in_1057.full-width .article-list-grid-item.active-expand .article-image.article-featured-image { border-radius: 0px; } } #article-list-stacks_in_1057.fill-header .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_1057.full-width .article-list-grid-item.active-expand .article .article-top { display: flex; flex-direction: column; } #article-list-stacks_in_1057.fill-header .article-list-grid-item.active-expand .article .article-top > .article-image, #article-list-stacks_in_1057.full-width .article-list-grid-item.active-expand .article .article-top > .article-image { grid-row: 1; grid-column: 1; } #article-list-stacks_in_1057.fill-header .article-list-grid-item.active-expand .article .article-top > .article-header, #article-list-stacks_in_1057.full-width .article-list-grid-item.active-expand .article .article-top > .article-header { grid-row: 2; grid-column: 1; } #article-list-stacks_in_1057 .article-list-grid-item.active-expand .article-info.info-2::before { margin-left: 0; } #article-list-stacks_in_1057 .article-list-grid-item.active-expand { font-size: 18px; } #article-list-stacks_in_1057 .active-expand .article-title { font-size: 32px; } #article-list-stacks_in_1057 .active-expand .article-info { font-size: 15px; } #article-list-stacks_in_1057 .article-links { font-size: 14px; margin-top: 12px; } #article-list-stacks_in_1057 .article-links i { font-size: 22px; } #article-list-stacks_in_1057 .article-links > div[tag="node"], #article-list-stacks_in_1057 .article-links { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } #article-list-stacks_in_1057 .article-links svg { height: 22px; width: 22px; } #article-list-stacks_in_1057 .article-links .content-1ld-button { margin-right: 12px; } #article-list-stacks_in_1057 .article-description { margin: 0; } #article-list-stacks_in_1057 .active-expand .article-description { overflow: hidden; white-space: normal; text-overflow: clip; -webkit-line-clamp: 999; margin: 0 0 4px 0; font-size: 20px; font-style: italic; } #article-list-stacks_in_1057.float-right .article-list-grid-item.active-expand .article-header, #article-list-stacks_in_1057.float-left .article-list-grid-item.active-expand .article-header { padding-right: 0; } #article-list-stacks_in_1057 .article-list-grid-item.active-expand .article-content { position: relative; pointer-events: auto; display: block; height: 100%; width: 100%; } #article-list-stacks_in_1057 .article-list-grid-item.active-expand .article-content, #article-list-stacks_in_1057 .article-list-grid-item.active-expand .article-content * { visibility: visible; } #article-list-stacks_in_1057 .article-list-grid-item.active-expand .article-image img { transition: none; } #article-list-stacks_in_1057.float-left .article-list-grid-item.active-expand .article-image .article-image-icon, #article-list-stacks_in_1057.float-right .article-list-grid-item.active-expand .article-image .article-image-icon { width: 200px; height: 200px; } #article-list-stacks_in_1057.float-left .article-list-grid-item.active-expand .article-image .article-image-icon i, #article-list-stacks_in_1057.float-right .article-list-grid-item.active-expand .article-image .article-image-icon i { line-height: 200px; font-size: 100.000000px; } #article-list-stacks_in_1057 .article-list-grid-item.active-expand .article-close { display: -webkit-box; display: -ms-flexbox; display: flex; } #article-list-stacks_in_1057 .article-list-grid-item.active-close .article-outer { -webkit-transform: translateY(100%); transform: translateY(100%); } #article-list-stacks_in_1057 .article-list-grid-item:not(.active-expand) .article-title, #article-list-stacks_in_1057.ellipsed .article-list-grid-item:not(.active-expand) .article-description { /* */ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; /* */ } #article-list-stacks_in_1057 .article-list-grid-item:not(.active-expand) .article-title { -webkit-line-clamp: 1; } @-webkit-keyframes article-active { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes article-active { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @-webkit-keyframes article-open { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes article-open { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes article-bg-expand { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes article-bg-expand { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } /* */ #c1ld_stacks_in_1144,#c1ld_stacks_in_1144 > svg,.mez p#c1ld_stacks_in_1144 + div {}#c1ld_stacks_in_1144.content-1ld-button a {grid-gap: 2px;border: 0px solid rgba(0, 0, 0, 0.15);border-radius: 4px;background-color: rgba(255, 255, 255, 0.00);color: rgba(0, 0, 0, 0.60);margin-left: 0;margin-right: 0;padding: 0px 0px;}#c1ld_stacks_in_1144.content-1ld-button a div {line-height: 1;}#c1ld_stacks_in_1144.content-1ld-button a:hover {border-color: rgba(0, 0, 0, 0.00);background-color: rgba(255, 255, 255, 0.00);color: rgba(0, 0, 0, 0.75);}#c1ld_stacks_in_1144.content-1ld-button.content-1ld-content a > svg {fill: rgba(0, 0, 0, 0.60);stroke: rgba(0, 0, 0, 0.60);}#c1ld_stacks_in_1144.content-1ld-button.content-1ld-content a:hover > svg {fill: rgba(0, 0, 0, 0.75);stroke: rgba(0, 0, 0, 0.75);}.mez #c1ld_stacks_in_1144 a {margin-top: 1px;}#c1ld_stacks_in_1144.content-1ld-content {margin: 0;} #c1ld_stacks_in_1059,#c1ld_stacks_in_1059 > svg,.mez p#c1ld_stacks_in_1059 + div {text-align: left;}#c1ld_stacks_in_1059 {clear: both;}#c1ld_stacks_in_1059.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_1059[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} #c1ld_stacks_in_1062,#c1ld_stacks_in_1062 > svg,.mez p#c1ld_stacks_in_1062 + div {text-align: left;}#c1ld_stacks_in_1062 {clear: both;}#c1ld_stacks_in_1062.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_1062[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} #c1ld_stacks_in_1146,#c1ld_stacks_in_1146 > svg,.mez p#c1ld_stacks_in_1146 + div {}#c1ld_stacks_in_1146.content-1ld-button a {grid-gap: 2px;border: 0px solid rgba(0, 0, 0, 0.15);border-radius: 4px;background-color: rgba(255, 255, 255, 0.00);color: rgba(0, 0, 0, 0.60);margin-left: 0;margin-right: 0;padding: 0px 0px;}#c1ld_stacks_in_1146.content-1ld-button a div {line-height: 1;}#c1ld_stacks_in_1146.content-1ld-button a:hover {border-color: rgba(0, 0, 0, 0.00);background-color: rgba(255, 255, 255, 0.00);color: rgba(0, 0, 0, 0.75);}#c1ld_stacks_in_1146.content-1ld-button.content-1ld-content a > svg {fill: rgba(0, 0, 0, 0.60);stroke: rgba(0, 0, 0, 0.60);}#c1ld_stacks_in_1146.content-1ld-button.content-1ld-content a:hover > svg {fill: rgba(0, 0, 0, 0.75);stroke: rgba(0, 0, 0, 0.75);}.mez #c1ld_stacks_in_1146 a {margin-top: 1px;}#c1ld_stacks_in_1146.content-1ld-content {margin: 0;} #c1ld_stacks_in_1067,#c1ld_stacks_in_1067 > svg,.mez p#c1ld_stacks_in_1067 + div {text-align: left;}#c1ld_stacks_in_1067 {clear: both;}#c1ld_stacks_in_1067.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_1067[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} #c1ld_stacks_in_1070,#c1ld_stacks_in_1070 > svg,.mez p#c1ld_stacks_in_1070 + div {text-align: left;}#c1ld_stacks_in_1070 {clear: both;}#c1ld_stacks_in_1070.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_1070[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} #stacks_in_1075.layouts-2-column, .layouts-2-row > div > div[tag="node"] > #stacks_out_1075.out { flex: 1; max-width: 540px; flex-basis: 180px; margin: 0; } .layouts-2-row > div > div[tag="node"] > #stacks_out_1075.out { overflow: visible; } .layouts-2-content-width > #stacks_in_1075.layouts-2-column:after, #stacks_out_1075:after { width: 180px; } @media all and (min-width: 901px) { #stacks_in_1075.layouts-2-column.hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 601px) { #stacks_in_1075.layouts-2-column.hide-tablet { display: none; } } @media all and (max-width: 600px) { #stacks_in_1075.layouts-2-column.hide-mobile { display: none; } } #stacks_in_1076 { padding: 0px 0px 0px 15px; } #stacks_in_1079 { padding: 0px 0px 0px 20px; } #stacks_in_1082.layouts-2-row > .layouts-2-content-width.layouts-2-el, #stacks_in_1082.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_1082.layouts-2-row > .layouts-2-content-width.layouts-2-el > div:not(:first-child) { margin-left: 48px; } @supports (rotate:180deg) { #stacks_in_1082.layouts-2-row > .layouts-2-content-width.layouts-2-el > div:not(:first-child) { margin-left: 0; } } #stacks_in_1084.layouts-2-column, .layouts-2-row > div > div[tag="node"] > #stacks_out_1084.out { flex: 1; max-width: 540px; flex-basis: 180px; margin: 0; } .layouts-2-row > div > div[tag="node"] > #stacks_out_1084.out { overflow: visible; } .layouts-2-content-width > #stacks_in_1084.layouts-2-column:after, #stacks_out_1084:after { width: 180px; } @media all and (min-width: 901px) { #stacks_in_1084.layouts-2-column.hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 601px) { #stacks_in_1084.layouts-2-column.hide-tablet { display: none; } } @media all and (max-width: 600px) { #stacks_in_1084.layouts-2-column.hide-mobile { display: none; } } /* */ #article-list-stacks_in_1088 { background-color : rgba(242, 242, 242, 1.00); } #article-list-stacks_in_1088 { padding: 8px 16px; max-width: 720px; border-radius: 8px; margin: 0px auto; box-sizing: border-box; } #article-list-stacks_in_1088 * { box-sizing: border-box; } #article-list-stacks_in_1088 .article-list-grid { margin: 0; padding: 0; list-style-type: none; } #article-list-stacks_in_1088 .article-list-grid-item { overflow: hidden; } #article-list-stacks_in_1088 .article-list-grid-item:last-child .article-outer { border-bottom: none; } #article-list-stacks_in_1088 .article-outer { padding: 16px 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.10); overflow: hidden; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } #article-list-stacks_in_1088 .article { display: flex; flex-direction: column; justify-content: center; align-items: center; } #article-list-stacks_in_1088 .article .article-top { width: 100%; display: grid; grid-template-columns: 80px 1fr; grid-gap: 16px; align-items: center; justify-items: center; } #article-list-stacks_in_1088 .article-list-grid-item.active-expand .article .article-top { grid-gap: 32px; } #article-list-stacks_in_1088.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_1088.float-right .article-list-grid-item.active-expand .article .article-top { align-items: flex-end; } #article-list-stacks_in_1088 .article .article-top.article-thumbnail-right { grid-template-columns: 1fr 80px; } #article-list-stacks_in_1088 .article .article-top.article-no-thumbnail { grid-template-columns: 1fr; } #article-list-stacks_in_1088 .article .article-top.article-thumbnail-right > .article-image { grid-column: 2; grid-row: 1; } #article-list-stacks_in_1088 .article .article-top.article-thumbnail-right > .article-header { grid-column: 1; grid-row: 1; } #article-list-stacks_in_1088 p, #article-list-stacks_in_1088 .article-content { font-size: 18px; line-height: 1.6; color: rgba(0, 0, 0, 0.60); } #article-list-stacks_in_1088 .article-title { margin: 0 0 4px 0; color: rgba(0, 0, 0, 0.85); font-size: 18px; line-height: 1.2; } #article-list-stacks_in_1088 .article-custom-head { color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_1088 .article-description { font-size: 14px; line-height: 1.3; color: rgba(0, 0, 0, 0.60); } #article-list-stacks_in_1088 .article-list-grid-item .article-info { margin: 5px 5px 0 0; font-size: 13px; display: inline-block; color: rgba(0, 0, 0, 0.60); line-height: 1.5; } #article-list-stacks_in_1088 .article-info .info-highlight { color: rgba(18, 132, 207, 1.00); } #article-list-stacks_in_1088 .article-info.info-1::before { content: 'By'; display: inline-block; } #article-list-stacks_in_1088 .article-info.info-2::before { content: 'Posted'; display: inline-block; } #article-list-stacks_in_1088 .article-info span { margin-left: 3px; } #article-list-stacks_in_1088 .article-header { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 100%; overflow: hidden; } #article-list-stacks_in_1088 .article-image { background: rgba(51, 51, 51, 1.00); width: 80px; height: 80px; border-radius: 40px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; overflow: hidden; position: relative; background-size: cover; background-position: center; } #article-list-stacks_in_1088 .article-featured-image { display: none; } #article-list-stacks_in_1088 .article-image::before, #article-list-stacks_in_1088 .article-image .article-image-icon { content: ''; top: 0; left: 0; z-index: 2; opacity: 0; width: 100%; height: 100%; position: absolute; pointer-events: none; } #article-list-stacks_in_1088 .article-image::before { z-index: 4; opacity: 0.5; transition: opacity 0.3s ease; } #article-list-stacks_in_1088 .article-image .article-image-icon { opacity: 1; color: rgba(255, 255, 255, 1.00); fill: rgba(255, 255, 255, 1.00); left: 50%; transform: translate(-50%,0); width: 40.000000px; text-align: center; } #article-list-stacks_in_1088 .article-image .article-image-icon i { font-size: 40.000000px; line-height: 80px; } #article-list-stacks_in_1088 .article-image .article-image-icon-hover { opacity: 0; } #article-list-stacks_in_1088 .article-back-arrow { display: inline-block; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; } #article-list-stacks_in_1088 .article-image img { width: 100%; z-index: 3; height: auto; position: relative; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; border-radius: 40px; } #article-list-stacks_in_1088 .article-content { margin: 32px 0 0 0; padding: 24.000000px 0; border-top: 1px solid rgba(0, 0, 0, 0.10); } /* */ #article-list-stacks_in_1088 .article-content { width: 720px; visibility: hidden; position: absolute; pointer-events: none; } #article-list-stacks_in_1088 .article-content, #article-list-stacks_in_1088 .article-content * { visibility: hidden; } /* */ #article-list-stacks_in_1088.hide-divider .article-content { margin: 0; border-top: 0px solid transparent; } #article-list-stacks_in_1088 .article h1, #article-list-stacks_in_1088 .article h2, #article-list-stacks_in_1088 .article h3, #article-list-stacks_in_1088 .article h4, #article-list-stacks_in_1088 .article h5, #article-list-stacks_in_1088 .article h6 { color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_1088 .article-content p a, #article-list-stacks_in_1088 .article-content p a:visited { text-decoration: underline; color: rgba(18, 132, 207, 1.00); } #article-list-stacks_in_1088 .article-content p a:hover { color: rgba(2, 116, 191, 1.00); } #article-list-stacks_in_1088 .article-close { color: rgba(0, 0, 0, 0.85); padding-bottom: 16px; width: 100%; display: none; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #article-list-stacks_in_1088 .article-close .article-back-arrow { margin-right: 10px; width: 32px; height: 32px; } #article-list-stacks_in_1088 .article-close .article-back-arrow svg { stroke: rgba(0, 0, 0, 0.85); color: rgba(0, 0, 0, 0.85); } #article-list-stacks_in_1088 .article-list-grid-item:not(.active):hover { cursor: pointer; } #article-list-stacks_in_1088 .article-list-grid-item:not(.active):hover .article-title, #article-list-stacks_in_1088 .article-list-grid-item:not(.active):hover .article-description { text-decoration: underline; } #article-list-stacks_in_1088 .article-list-grid-item:not(.active):hover .article-image { overflow: hidden; } #article-list-stacks_in_1088 .article-list-grid-item:not(.active):hover .article-image::before { opacity: 0.5; background: rgba(51, 51, 51, 1.00); } #article-list-stacks_in_1088 .article-list-grid-item:not(.active):hover .article-image .article-image-icon { opacity: 0; } #article-list-stacks_in_1088 .article-list-grid-item:not(.active):hover .article-image .article-image-icon-hover { opacity: 1; z-index: 4; color: rgba(255, 255, 255, 1.00); } #article-list-stacks_in_1088 .article-list-grid-item.active .article-outer::before { top: 0; left: 0; right: 0; bottom: 0; content: ''; z-index: 5; display: block; position: fixed; transition: all 0.3s ease; -webkit-transform: translateY(100%); transform: translateY(100%); box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); -webkit-animation: article-bg-expand 0.5s 0.5s; animation: article-bg-expand 0.5s 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; pointer-events: none;} #article-list-stacks_in_1088 .article-list-grid-item.active .article-outer::before { background-color : rgba(242, 242, 242, 1.00); } #article-list-stacks_in_1088 .article-list-grid-item.active .article { -webkit-animation: article-active 0.3s, article-open 0.5s 0.6s; animation: article-active 0.3s, article-open 0.5s 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #article-list-stacks_in_1088 .article-list-grid-item.active-expand .article-outer { width: 100%; top: 0; left: 0; right: 0; bottom: 0; position: fixed; overflow-y: scroll; z-index: 9999; padding: 16px 0px; } #article-list-stacks_in_1088 .article-list-grid-item.active-expand .article { z-index: 7; margin: 0 auto; position: relative; flex-direction: column; } #article-list-stacks_in_1088 .article-list-grid-item.active-expand .article .article-close, #article-list-stacks_in_1088.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_1088.float-right .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_1088.fill-header .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_1088.full-width .article-list-grid-item.active-expand .article .article-header, #article-list-stacks_in_1088 .article-list-grid-item.active-expand .article .article-content { width: 720px; max-width: calc(100% - 48px); } #article-list-stacks_in_1088 .article-list-grid-item .article-links, #article-list-stacks_in_1088.fill-header .article-list-grid-item.active-expand .article-thumbnail, #article-list-stacks_in_1088.full-width .article-list-grid-item.active-expand .article-thumbnail, #article-list-stacks_in_1088.fill-header .article-list-grid-item.active-expand .article-thumbnail.article-has-image, #article-list-stacks_in_1088.full-width .article-list-grid-item.active-expand .article-thumbnail.article-has-image, #article-list-stacks_in_1088 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail, #article-list-stacks_in_1088 .article-list-grid-item.active-expand .article-featured-image + .article-thumbnail { display: none; } #article-list-stacks_in_1088 .article-list-grid-item.active-expand .article-links { display: flex; } #article-list-stacks_in_1088 .article-list-grid-item.active-expand .article-featured-image { display: block; } #article-list-stacks_in_1088.float-left .article-list-grid-item.active-expand .article-image, #article-list-stacks_in_1088.float-right .article-list-grid-item.active-expand .article-image { width: 200px; height: 200px; border-radius: 200px; } #article-list-stacks_in_1088.full-width .article-list-grid-item.active-expand .article-image.article-featured-image, #article-list-stacks_in_1088.fill-header .article-list-grid-item.active-expand .article-image.article-featured-image { border-radius: 0px; } #article-list-stacks_in_1088.float-left .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 200px 1fr; justify-items: stretch; } #article-list-stacks_in_1088.float-left .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 1; grid-row: 1; } #article-list-stacks_in_1088.float-left .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 2; grid-row: 1; } #article-list-stacks_in_1088.float-left .article-list-grid-item.active-expand .article .article-top > .article-header:first-child { grid-column: -1/1; grid-row: 1; } #article-list-stacks_in_1088.float-right .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 1fr 200px; justify-items: stretch; align-items: stretch; } #article-list-stacks_in_1088.float-right .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 2; grid-row: 1; } #article-list-stacks_in_1088.float-right .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 1; grid-row: 1; } #article-list-stacks_in_1088.float-right .article-list-grid-item.active-expand .article .article-top > .article-header:first-child { grid-column: -1/1; grid-row: 1; } #article-list-stacks_in_1088.full-width .article-list-grid-item.active-expand .article-top { width: 1280px; max-width: 100%; } #article-list-stacks_in_1088.fill-header .article-list-grid-item.active-expand .article-top { width: 720px; max-width: 100%; } #article-list-stacks_in_1088.fill-header .article-list-grid-item.active-expand .article-image, #article-list-stacks_in_1088.full-width .article-list-grid-item.active-expand .article-image { width: 100%; padding-top: 56.25%; } @media all and (max-width: 660px) { #article-list-stacks_in_1088.float-left .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_1088.float-right .article-list-grid-item.active-expand .article .article-top { grid-template-columns: 1fr; } #article-list-stacks_in_1088.float-left .article-list-grid-item.active-expand .article .article-top > .article-image, #article-list-stacks_in_1088.float-right .article-list-grid-item.active-expand .article .article-top > .article-image { grid-column: 1; grid-row: 1; max-width: 100%; } #article-list-stacks_in_1088.float-left .article-list-grid-item.active-expand .article .article-top > .article-header, #article-list-stacks_in_1088.float-right .article-list-grid-item.active-expand .article .article-top > .article-header { grid-column: 1; grid-row: 2; width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding-left: 0; max-width: 100%; } } @media all and (max-width: 1280px) { #article-list-stacks_in_1088.full-width .article-list-grid-item.active-expand .article-image.article-featured-image { border-radius: 0px; } } #article-list-stacks_in_1088.fill-header .article-list-grid-item.active-expand .article .article-top, #article-list-stacks_in_1088.full-width .article-list-grid-item.active-expand .article .article-top { display: flex; flex-direction: column; } #article-list-stacks_in_1088.fill-header .article-list-grid-item.active-expand .article .article-top > .article-image, #article-list-stacks_in_1088.full-width .article-list-grid-item.active-expand .article .article-top > .article-image { grid-row: 1; grid-column: 1; } #article-list-stacks_in_1088.fill-header .article-list-grid-item.active-expand .article .article-top > .article-header, #article-list-stacks_in_1088.full-width .article-list-grid-item.active-expand .article .article-top > .article-header { grid-row: 2; grid-column: 1; } #article-list-stacks_in_1088 .article-list-grid-item.active-expand .article-info.info-2::before { margin-left: 0; } #article-list-stacks_in_1088 .article-list-grid-item.active-expand { font-size: 18px; } #article-list-stacks_in_1088 .active-expand .article-title { font-size: 32px; } #article-list-stacks_in_1088 .active-expand .article-info { font-size: 15px; } #article-list-stacks_in_1088 .article-links { font-size: 14px; margin-top: 12px; } #article-list-stacks_in_1088 .article-links i { font-size: 22px; } #article-list-stacks_in_1088 .article-links > div[tag="node"], #article-list-stacks_in_1088 .article-links { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } #article-list-stacks_in_1088 .article-links svg { height: 22px; width: 22px; } #article-list-stacks_in_1088 .article-links .content-1ld-button { margin-right: 12px; } #article-list-stacks_in_1088 .article-description { margin: 0; } #article-list-stacks_in_1088 .active-expand .article-description { overflow: hidden; white-space: normal; text-overflow: clip; -webkit-line-clamp: 999; margin: 0 0 4px 0; font-size: 20px; font-style: italic; } #article-list-stacks_in_1088.float-right .article-list-grid-item.active-expand .article-header, #article-list-stacks_in_1088.float-left .article-list-grid-item.active-expand .article-header { padding-right: 0; } #article-list-stacks_in_1088 .article-list-grid-item.active-expand .article-content { position: relative; pointer-events: auto; display: block; height: 100%; width: 100%; } #article-list-stacks_in_1088 .article-list-grid-item.active-expand .article-content, #article-list-stacks_in_1088 .article-list-grid-item.active-expand .article-content * { visibility: visible; } #article-list-stacks_in_1088 .article-list-grid-item.active-expand .article-image img { transition: none; } #article-list-stacks_in_1088.float-left .article-list-grid-item.active-expand .article-image .article-image-icon, #article-list-stacks_in_1088.float-right .article-list-grid-item.active-expand .article-image .article-image-icon { width: 200px; height: 200px; } #article-list-stacks_in_1088.float-left .article-list-grid-item.active-expand .article-image .article-image-icon i, #article-list-stacks_in_1088.float-right .article-list-grid-item.active-expand .article-image .article-image-icon i { line-height: 200px; font-size: 100.000000px; } #article-list-stacks_in_1088 .article-list-grid-item.active-expand .article-close { display: -webkit-box; display: -ms-flexbox; display: flex; } #article-list-stacks_in_1088 .article-list-grid-item.active-close .article-outer { -webkit-transform: translateY(100%); transform: translateY(100%); } #article-list-stacks_in_1088 .article-list-grid-item:not(.active-expand) .article-title, #article-list-stacks_in_1088.ellipsed .article-list-grid-item:not(.active-expand) .article-description { /* */ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; /* */ } #article-list-stacks_in_1088 .article-list-grid-item:not(.active-expand) .article-title { -webkit-line-clamp: 1; } @-webkit-keyframes article-active { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes article-active { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @-webkit-keyframes article-open { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes article-open { 0% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes article-bg-expand { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes article-bg-expand { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } /* */ #c1ld_stacks_in_1148,#c1ld_stacks_in_1148 > svg,.mez p#c1ld_stacks_in_1148 + div {}#c1ld_stacks_in_1148.content-1ld-button a {grid-gap: 2px;border: 0px solid rgba(0, 0, 0, 0.15);border-radius: 4px;background-color: rgba(255, 255, 255, 0.00);color: rgba(0, 0, 0, 0.60);margin-left: 0;margin-right: 0;padding: 0px 0px;}#c1ld_stacks_in_1148.content-1ld-button a div {line-height: 1;}#c1ld_stacks_in_1148.content-1ld-button a:hover {border-color: rgba(0, 0, 0, 0.00);background-color: rgba(255, 255, 255, 0.00);color: rgba(0, 0, 0, 0.75);}#c1ld_stacks_in_1148.content-1ld-button.content-1ld-content a > svg {fill: rgba(0, 0, 0, 0.60);stroke: rgba(0, 0, 0, 0.60);}#c1ld_stacks_in_1148.content-1ld-button.content-1ld-content a:hover > svg {fill: rgba(0, 0, 0, 0.75);stroke: rgba(0, 0, 0, 0.75);}.mez #c1ld_stacks_in_1148 a {margin-top: 1px;}#c1ld_stacks_in_1148.content-1ld-content {margin: 0;} #c1ld_stacks_in_1090,#c1ld_stacks_in_1090 > svg,.mez p#c1ld_stacks_in_1090 + div {text-align: left;}#c1ld_stacks_in_1090 {clear: both;}#c1ld_stacks_in_1090.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_1090[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} #c1ld_stacks_in_1093,#c1ld_stacks_in_1093 > svg,.mez p#c1ld_stacks_in_1093 + div {text-align: left;}#c1ld_stacks_in_1093 {clear: both;}#c1ld_stacks_in_1093.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_1093[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} #stacks_in_1095 { padding: 0px 0px 0px 20px; } #c1ld_stacks_in_1150,#c1ld_stacks_in_1150 > svg,.mez p#c1ld_stacks_in_1150 + div {}#c1ld_stacks_in_1150.content-1ld-button a {grid-gap: 2px;border: 0px solid rgba(0, 0, 0, 0.15);border-radius: 4px;background-color: rgba(255, 255, 255, 0.00);color: rgba(0, 0, 0, 0.60);margin-left: 0;margin-right: 0;padding: 0px 0px;}#c1ld_stacks_in_1150.content-1ld-button a div {line-height: 1;}#c1ld_stacks_in_1150.content-1ld-button a:hover {border-color: rgba(0, 0, 0, 0.00);background-color: rgba(255, 255, 255, 0.00);color: rgba(0, 0, 0, 0.75);}#c1ld_stacks_in_1150.content-1ld-button.content-1ld-content a > svg {fill: rgba(0, 0, 0, 0.60);stroke: rgba(0, 0, 0, 0.60);}#c1ld_stacks_in_1150.content-1ld-button.content-1ld-content a:hover > svg {fill: rgba(0, 0, 0, 0.75);stroke: rgba(0, 0, 0, 0.75);}.mez #c1ld_stacks_in_1150 a {margin-top: 1px;}#c1ld_stacks_in_1150.content-1ld-content {margin: 0;} #c1ld_stacks_in_1100,#c1ld_stacks_in_1100 > svg,.mez p#c1ld_stacks_in_1100 + div {text-align: left;}#c1ld_stacks_in_1100 {clear: both;}#c1ld_stacks_in_1100.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_1100[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} #stacks_in_1103 { padding: 0px 0px 0px 20px; } #c1ld_stacks_in_1152,#c1ld_stacks_in_1152 > svg,.mez p#c1ld_stacks_in_1152 + div {}#c1ld_stacks_in_1152.content-1ld-button a {grid-gap: 2px;border: 0px solid rgba(0, 0, 0, 0.15);border-radius: 4px;background-color: rgba(255, 255, 255, 0.00);color: rgba(0, 0, 0, 0.60);margin-left: 0;margin-right: 0;padding: 0px 0px;}#c1ld_stacks_in_1152.content-1ld-button a div {line-height: 1;}#c1ld_stacks_in_1152.content-1ld-button a:hover {border-color: rgba(0, 0, 0, 0.00);background-color: rgba(255, 255, 255, 0.00);color: rgba(0, 0, 0, 0.75);}#c1ld_stacks_in_1152.content-1ld-button.content-1ld-content a > svg {fill: rgba(0, 0, 0, 0.60);stroke: rgba(0, 0, 0, 0.60);}#c1ld_stacks_in_1152.content-1ld-button.content-1ld-content a:hover > svg {fill: rgba(0, 0, 0, 0.75);stroke: rgba(0, 0, 0, 0.75);}.mez #c1ld_stacks_in_1152 a {margin-top: 1px;}#c1ld_stacks_in_1152.content-1ld-content {margin: 0;} #c1ld_stacks_in_1108,#c1ld_stacks_in_1108 > svg,.mez p#c1ld_stacks_in_1108 + div {text-align: left;}#c1ld_stacks_in_1108 {clear: both;}#c1ld_stacks_in_1108.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_1108[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} #c1ld_stacks_in_1111,#c1ld_stacks_in_1111 > svg,.mez p#c1ld_stacks_in_1111 + div {text-align: left;}#c1ld_stacks_in_1111 {clear: both;}#c1ld_stacks_in_1111.content-1ld-content {margin-top: 16px;margin-bottom: 16px;}div#stacks_out_1111[tag="slice"]:has(>div>.com_onelittledesigner_stacks_Layouts_2_Content_stack) {margin-top: 16px;margin-bottom: 16px;} #stacks_in_1113>.s3_row { margin: 0 -10px; } #stacks_in_1113>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_1113>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_1113>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_1113>.s3_row { margin: -10px 0; } #stacks_in_1113>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_1113 { padding: 0px 0px 0px 10px; } #stacks_in_1125.layouts-2-column, .layouts-2-row > div > div[tag="node"] > #stacks_out_1125.out { flex: 1; max-width: 540px; flex-basis: 180px; margin: 0; } .layouts-2-row > div > div[tag="node"] > #stacks_out_1125.out { overflow: visible; } .layouts-2-content-width > #stacks_in_1125.layouts-2-column:after, #stacks_out_1125:after { width: 180px; } @media all and (min-width: 901px) { #stacks_in_1125.layouts-2-column.hide-desktop { display: none; } } @media all and (max-width: 900px) and (min-width: 601px) { #stacks_in_1125.layouts-2-column.hide-tablet { display: none; } } @media all and (max-width: 600px) { #stacks_in_1125.layouts-2-column.hide-mobile { display: none; } } #l2_stacks_in_1127, #l2_stacks_in_1127 > svg, .mez p#l2_stacks_in_1127 + div { text-align: left; } #stacks_in_1130 { padding: 0px 10px 20px 10px; } #stacks_in_1132 { padding: 0px 10px 20px 10px; } /* Font style applied when the page has finished loading */ #ExtraContentPlusstacks_in_357 #myExtraContent10, #ExtraContentPlusstacks_in_357 #fs { display: none; } #stacks_in_533 table .table{ vertical-align: top; margin: auto; width:100%; border-collapse: collapse; } #stacks_in_533 .columns{ padding:12px; vertical-align:top; border: 1px solid #EBEBEB; border-top-style:none; border-bottom-style: ; border-right-style: none; border-left-style: none; } #linkBoxstacks_in_534 { display: block; position: relative; z-index: 1; } #linkBoxContentstacks_in_534 { position: relative; display: block; z-index: 2; } #linkBoxLinkstacks_in_534 a { position: absolute; top: 0; left: 0; display: block; height: 100%; width: 100%; z-index: 10; background: url(../files/bg_fill.gif) repeat; } #linkBoxstacks_in_539 { display: block; position: relative; z-index: 1; } #linkBoxContentstacks_in_539 { position: relative; display: block; z-index: 2; } #linkBoxLinkstacks_in_539 a { position: absolute; top: 0; left: 0; display: block; height: 100%; width: 100%; z-index: 10; background: url(../files/bg_fill.gif) repeat; } #linkBoxstacks_in_544 { display: block; position: relative; z-index: 1; } #linkBoxContentstacks_in_544 { position: relative; display: block; z-index: 2; } #linkBoxLinkstacks_in_544 a { position: absolute; top: 0; left: 0; display: block; height: 100%; width: 100%; z-index: 10; background: url(../files/bg_fill.gif) repeat; } #linkBoxstacks_in_549 { display: block; position: relative; z-index: 1; } #linkBoxContentstacks_in_549 { position: relative; display: block; z-index: 2; } #linkBoxLinkstacks_in_549 a { position: absolute; top: 0; left: 0; display: block; height: 100%; width: 100%; z-index: 10; background: url(../files/bg_fill.gif) repeat; } #linkBoxstacks_in_554 { display: block; position: relative; z-index: 1; } #linkBoxContentstacks_in_554 { position: relative; display: block; z-index: 2; } #linkBoxLinkstacks_in_554 a { position: absolute; top: 0; left: 0; display: block; height: 100%; width: 100%; z-index: 10; background: url(../files/bg_fill.gif) repeat; } #linkBoxstacks_in_559 { display: block; position: relative; z-index: 1; } #linkBoxContentstacks_in_559 { position: relative; display: block; z-index: 2; } #linkBoxLinkstacks_in_559 a { position: absolute; top: 0; left: 0; display: block; height: 100%; width: 100%; z-index: 10; background: url(../files/bg_fill.gif) repeat; } /* Font style applied when the page has finished loading */ #ExtraContentPlusstacks_in_358 #myExtraContent11, #ExtraContentPlusstacks_in_358 #fs { display: none; } #stacks_in_358 { padding: 20px 10px 0px 10px; } /* Font style applied when the page has finished loading */ #ExtraContentPlusstacks_in_359 #myExtraContent12, #ExtraContentPlusstacks_in_359 #fs { display: none; } #embedIframestacks_in_365 { width: 100%; height: 700px; border: none; outline: none; padding: 0; margin: 0; display: block; } #stacks_in_365 { padding: 10px 0px 0px 0px; } /* Font style applied when the page has finished loading */ #ExtraContentPlusstacks_in_360 #myExtraContent13, #ExtraContentPlusstacks_in_360 #fs { display: none; } #stacks_in_360 { padding: 50px 0px 0px 0px; } #stacks_in_729 .columns{ -moz-box-shadow: 0 0 0 rgba(0,0,0,0.5) ; -webkit-box-shadow: 0 0 0 rgba(0,0,0,0.5) ; box-shadow: 0 0 0 rgba(0,0,0,0.5) ; } #stacks_in_729 .table{ vertical-align: top; margin: auto; width:100%; border-collapse: collapse; } #stacks_in_729 table{ vertical-align: top; border-collapse: separate; } #stacks_in_729 .columns{ vertical-align: top; border: 0px solid #F0F0F0; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5); box-shadow: 0 0 3px rgba(0,0,0,0.5); padding: 12px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } #stacks_in_729 #columns_0 { width:33% ; } #stacks_in_729 #columns_1 { width:33% ; } #stacks_in_729 #columns_2 { width:33% ; } #stacks_in_729 #columns_3 { width:% ; } #stacks_in_729 #columns_4 { width:% ; } #stacks_in_729 .columns { background-color:#EFEFEF; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F9F9F9), to(#EFEFEF)); background-image:-moz-linear-gradient(0% 100% 90deg,#EFEFEF, #F9F9F9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#EFEFEF'); } #stacks_in_730 { padding: 0px 20px 0px 20px; } #stacks_in_733 table *{ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #stacks_in_733 tbody{text-align:left;} #stacks_in_733 thead{font-weight:bold;padding:2px 11px;text-align:left;} #stacks_in_733 tfoot{font-weight:bold;padding:2px 11px;text-align:left;} #stacks_in_733 .csv_table{width:100%;border-collapse:collapse;background-color:transparent;} #stacks_in_733 .csv_table td,#stacks_in_733 .csv_table th{padding:5px;vertical-align:top;} #stacks_in_733 .csv_table{border:1px solid rgba(153, 153, 153, 1.00);} #stacks_in_733 tbody td{color:rgba(0, 0, 0, 1.00);font-size:12px;} #stacks_in_733 tbody tr{height:auto;} #stacks_in_733 .csv_table td,#stacks_in_733 .csv_table th{border:1px solid rgba(153, 153, 153, 1.00);} #stacks_in_741 .columns{ -moz-box-shadow: 0 0 0 rgba(0,0,0,0.5) ; -webkit-box-shadow: 0 0 0 rgba(0,0,0,0.5) ; box-shadow: 0 0 0 rgba(0,0,0,0.5) ; } #stacks_in_741 .table{ vertical-align: top; margin: auto; width:100%; border-collapse: collapse; } #stacks_in_741 table{ vertical-align: top; border-collapse: separate; } #stacks_in_741 .columns{ vertical-align: top; border: 0px solid #F0F0F0; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5); box-shadow: 0 0 3px rgba(0,0,0,0.5); padding: 12px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } #stacks_in_741 #columns_0 { width:33% ; } #stacks_in_741 #columns_1 { width:33% ; } #stacks_in_741 #columns_2 { width:33% ; } #stacks_in_741 #columns_3 { width:% ; } #stacks_in_741 #columns_4 { width:% ; } #stacks_in_741 .columns { background-color:#EFEFEF; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F9F9F9), to(#EFEFEF)); background-image:-moz-linear-gradient(0% 100% 90deg,#EFEFEF, #F9F9F9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#EFEFEF'); } #stacks_in_742 { padding: 0px 20px 0px 20px; } #stacks_in_750 .columns{ -moz-box-shadow: 0 0 0 rgba(0,0,0,0.5) ; -webkit-box-shadow: 0 0 0 rgba(0,0,0,0.5) ; box-shadow: 0 0 0 rgba(0,0,0,0.5) ; } #stacks_in_750 .table{ vertical-align: top; margin: auto; width:100%; border-collapse: collapse; } #stacks_in_750 table{ vertical-align: top; border-collapse: separate; } #stacks_in_750 .columns{ vertical-align: top; border: 0px solid #F0F0F0; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5); box-shadow: 0 0 3px rgba(0,0,0,0.5); padding: 12px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } #stacks_in_750 #columns_0 { width:33% ; } #stacks_in_750 #columns_1 { width:33% ; } #stacks_in_750 #columns_2 { width:33% ; } #stacks_in_750 #columns_3 { width:% ; } #stacks_in_750 #columns_4 { width:% ; } #stacks_in_750 .columns { background-color:#EFEFEF; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F9F9F9), to(#EFEFEF)); background-image:-moz-linear-gradient(0% 100% 90deg,#EFEFEF, #F9F9F9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#EFEFEF'); } #stacks_in_751 { padding: 0px 20px 0px 20px; } #stacks_in_759 .columns{ -moz-box-shadow: 0 0 0 rgba(0,0,0,0.5) ; -webkit-box-shadow: 0 0 0 rgba(0,0,0,0.5) ; box-shadow: 0 0 0 rgba(0,0,0,0.5) ; } #stacks_in_759 .table{ vertical-align: top; margin: auto; width:100%; border-collapse: collapse; } #stacks_in_759 table{ vertical-align: top; border-collapse: separate; } #stacks_in_759 .columns{ vertical-align: top; border: 0px solid #F0F0F0; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5); box-shadow: 0 0 3px rgba(0,0,0,0.5); padding: 12px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } #stacks_in_759 #columns_0 { width:33% ; } #stacks_in_759 #columns_1 { width:33% ; } #stacks_in_759 #columns_2 { width:33% ; } #stacks_in_759 #columns_3 { width:% ; } #stacks_in_759 #columns_4 { width:% ; } #stacks_in_759 .columns { background-color:#EFEFEF; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F9F9F9), to(#EFEFEF)); background-image:-moz-linear-gradient(0% 100% 90deg,#EFEFEF, #F9F9F9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#EFEFEF'); } /* -- Start Truedownload2 Each css Template -- */ #hiddenDownloader{ display: none; height:0px !important; padding: 0px !important; margin: 0px !important; } #hiddenDownloader *{ display: none; height:0px !important; padding: 0px !important; margin: 0px !important; } .stacks_in_760faicon{ display: inline; } .stacks_in_760wrapper{ text-align: left; } /* -- Style 1 -- */ .stacks_in_760td-style-1{ } .stacks_in_760button{ position: relative; display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; background: rgba(71, 71, 90, 1.00); border: 1px solid transparent; border-radius: 4px; color: rgba(255, 255, 255, 1.00); } .stacks_in_760badge{ position: relative; display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; color: rgba(255, 255, 255, 1.00); text-align: center; white-space: nowrap; vertical-align: middle; background-color: rgba(51, 124, 181, 1.00); border-radius: 10px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; top: -1px; margin-left: 2px; } .stacks_in_760counttext{ display: none; } /* -- Style 2 -- */ .stacks_in_760td-style-2 .stacks_in_760button{ padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px } /* -- Style 3 -- */ .stacks_in_760td-style-3{ padding-top: 9px; padding-right: 8px; } .stacks_in_760td-style-3 .stacks_in_760button{ padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px } .stacks_in_760td-style-3 .stacks_in_760badge{ position: absolute; top: -8px; right: -9px; margin-left: 0; } .stacks_in_760badge{ display: inline; } /* -- End Button Styles -- */ /* -- End Truedownload2 Each css Template -- *//* Font style applied when the page has finished loading */ #ExtraContentPlusstacks_in_361 #myExtraContent14, #ExtraContentPlusstacks_in_361 #fs { display: none; } #stacks_in_361 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 10px 0px 0px 0px; } /* Font style applied when the page has finished loading */ #ExtraContentPlusstacks_in_362 #myExtraContent15, #ExtraContentPlusstacks_in_362 #fs { display: none; } #stacks_in_362 { padding: 20px 0px 0px 0px; } /* Font style applied when the page has finished loading */ #ExtraContentPlusstacks_in_363 #myExtraContent16, #ExtraContentPlusstacks_in_363 #fs { display: none; } #stacks_in_363 { padding: 20px 0px 0px 0px; }